ags: sync

.config/ags/scss/_common.scss

@@ -68,7 +68,7 @@ menu>menuitem:focus {
 }
 
 .separator-line {
-    background-color: $surfaceVariant;
+    background-color: $outline;
     min-width: 0.068rem;
     min-height: 0.068rem;
 }

.config/ags/scss/_lib_classes.scss

@@ -490,19 +490,24 @@
 .menu-decel {
     @include menu_decel;
 }
-
 .element-show {
     @include element_easeInOut;
 }
-
 .element-hide {
     @include element_easeInOut;
 }
-
+.element-move {
+    @include element_easeInOut;
+}
 .element-decel {
     @include element_decel;
 }
-
+.element-bounceout {
+    @include element_bounceOut;
+}
 .element-accel {
     @include element_accel;
 }
+.page-move {
+    @include page_move;
+}

.config/ags/scss/_lib_mixins.scss

@@ -30,56 +30,38 @@ $rounding_large: 1.705rem;
 
 @mixin titlefont {
     // Geometric sans-serif
-    font-family:
-        'Gabarito',
-        'Poppins',
-        'Lexend',
-        sans-serif;
+    font-family: "Gabarito", "Poppins", "Lexend", sans-serif;
 }
 
 @mixin mainfont {
     // Other clean sans-serif
-    font-family:
-        'Rubik',
-        'Geist',
-        'AR One Sans',
-        'Reddit Sans',
-        'Inter',
-        'Roboto',
-        'Ubuntu',
-        'Noto Sans',
-        sans-serif;
+    font-family: "Rubik", "Geist", "AR One Sans", "Reddit Sans", "Inter",
+        "Roboto", "Ubuntu", "Noto Sans", sans-serif;
     // font-weight: 500;
 }
 
 @mixin icon-material {
     // Material Design Icons
-    font-family:
-        'Material Symbols Rounded',
-        'Material Symbols Outlined',
-        'Material Symbols Sharp';
+    font-family: "Material Symbols Rounded", "Material Symbols Outlined",
+        "Material Symbols Sharp";
 }
 
 @mixin icon-nerd {
     // Nerd Fonts
-    font-family:
-        'SpaceMono NF', 'SpaceMono Nerd Font',
-        'JetBrains Mono NF', 'JetBrains Mono Nerd Font',
-        monospace;
+    font-family: "SpaceMono NF", "SpaceMono Nerd Font", "JetBrains Mono NF",
+        "JetBrains Mono Nerd Font", monospace;
 }
 
 @mixin techfont {
     // Monospace for sys info n stuff. Doesn't have to be a nerd font, but it's cool.
-    font-family: 'JetBrains Mono NF', 'JetBrains Mono Nerd Font', 'JetBrains Mono NL', 'SpaceMono NF', 'SpaceMono Nerd Font', monospace;
+    font-family: "JetBrains Mono NF", "JetBrains Mono Nerd Font",
+        "JetBrains Mono NL", "SpaceMono NF", "SpaceMono Nerd Font", monospace;
 }
 
 @mixin readingfont {
     // The most readable fonts, for a comfortable reading experience
     // in stuff like ChatGPT widget
-    font-family:
-        'Lexend',
-        'Noto Sans',
-        sans-serif;
+    font-family: "Lexend", "Noto Sans", sans-serif;
     // font-weight: 500;
 }
 
@@ -91,7 +73,6 @@ $rounding_large: 1.705rem;
     color: $actiontext;
 }
 
-
 $elevation_margin: 0.476rem;
 
 @mixin elevation-safe {
@@ -164,13 +145,17 @@ $elevation_margin: 0.476rem;
 @mixin element_decel {
     transition: 300ms cubic-bezier(0, 0.55, 0.45, 1);
 }
-
+@mixin element_bounceOut {
+    transition: transform 200ms cubic-bezier(0.34, 1.56, 0.64, 1);
+}
 @mixin element_accel {
     transition: 300ms cubic-bezier(0.55, 0, 1, 0.45);
 }
-
 @mixin element_easeInOut {
-    transition: 300ms cubic-bezier(0.85, 0, 0.15, 1);
+    transition: 300ms cubic-bezier(0, 0.55, 0.45, 1);
+}
+@mixin page_move {
+    transition: 2000ms cubic-bezier(0, 0.55, 0.45, 1);
 }
 
 @function tint($color, $percentage) {
@@ -215,4 +200,4 @@ $overlay2: mix($onSurface, rgba(0, 0, 0, 0), 40%);
 }
 
 $white: white;
-$black: black;
+$black: black;

.config/ags/scss/_sidebars.scss

@@ -720,6 +720,21 @@ $onChatgpt: $onPrimary;
     border: 0.068rem solid $sidebar_chat_textboxareaColor;
 }
 
+.sidebar-chat-chip-toggle {
+    @include menu_decel;
+    @include small-rounding;
+    padding: 0.341rem 0.477rem;
+    background-color: $surfaceVariant;
+    color: $onSurfaceVariant;
+}
+.sidebar-chat-chip-toggle:focus,
+.sidebar-chat-chip-toggle:hover {
+    background-color: mix($surfaceVariant, $onSurfaceVariant, 83%);
+}
+.sidebar-chat-chip-toggle:active {
+    background-color: mix($surfaceVariant, $onSurfaceVariant, 67%);
+}
+
 .sidebar-pin {
     @include small-rounding;
     @include menu_decel;
@@ -779,9 +794,14 @@ $onChatgpt: $onPrimary;
 $waifu_image_overlay_transparency: 0.7;
 .sidebar-waifu-image-action {
     @include full-rounding;
-    min-width:  1.875rem;
+    min-width: 1.875rem;
     min-height: 1.875rem;
-    background-color: rgba(0, 0, 0, $waifu_image_overlay_transparency); // Fixed cuz on image
+    background-color: rgba(
+        0,
+        0,
+        0,
+        $waifu_image_overlay_transparency
+    ); // Fixed cuz on image
     color: rgba(255, 255, 255, $waifu_image_overlay_transparency);
 }
 .sidebar-waifu-image-action:hover,