ags: sync

.config/ags/scss/_bar.scss

@@ -285,6 +285,7 @@ $bar_subgroup_bg: $surfaceVariant;
     @include element_decel;
     min-height: 1.032rem;
     min-width: 1.032rem;
+    font-size: 1.032rem;
 }
 
 .bar-statusicons {

.config/ags/scss/_common.scss

@@ -40,14 +40,14 @@ menu {
     animation-iteration-count: 1;
 }
 
-menubar > menuitem {
+menubar>menuitem {
     border-radius: 0.545rem;
     -gtk-outline-radius: 0.545rem;
     min-width: 13.636rem;
     min-height: 2.727rem;
 }
 
-menu > menuitem {
+menu>menuitem {
     padding: 0.4em 1.5rem;
     background: transparent;
     transition: 0.2s ease background;
@@ -55,11 +55,12 @@ menu > menuitem {
     -gtk-outline-radius: 0.545rem;
 }
 
-menu > menuitem:hover,
-menu > menuitem:focus {
+menu>menuitem:hover,
+menu>menuitem:focus {
     background-color: mix($surfaceVariant, $onSurfaceVariant, 90%);
 }
-menu > menuitem:active {
+
+menu>menuitem:active {
     background-color: mix($surfaceVariant, $onSurfaceVariant, 80%);
 }
 
@@ -93,6 +94,33 @@ tooltip {
     border: 1px solid $onSurfaceVariant;
 }
 
+/////////////////////////////////////////
+// Emoji Chooser structure
+// popover
+// ├── box.emoji-searchbar
+// │   ╰── entry.search
+// ╰── box.emoji-toolbar
+//     ├── button.image-button.emoji-section
+//     ├── ...
+//     ╰── button.image-button.emoji-section
+
+popover {
+    @include elevation-border-softer;
+    padding: 0.681rem;
+    background: $surfaceVariant;
+    color: $onSurfaceVariant;
+    border-radius: 1.159rem;
+    -gtk-outline-radius: 1.159rem;
+
+    animation-name: appear;
+    animation-duration: 40ms;
+    animation-timing-function: ease-out;
+    animation-iteration-count: 1;
+}
+
+
+/////////////////////////////////////////
+
 .configtoggle-box {
     padding: 0.205rem 0.341rem;
     border: 0.136rem solid transparent;
@@ -145,17 +173,17 @@ tooltip {
     border: 0.068rem solid $outline;
 }
 
-.segment-container > *:first-child {
+.segment-container>*:first-child {
     border-top-left-radius: 9999px;
     border-bottom-left-radius: 9999px;
 }
 
-.segment-container > * {
+.segment-container>* {
     border-right: 0.068rem solid $outline;
     padding: 0.341rem 0.682rem;
 }
 
-.segment-container > *:last-child {
+.segment-container>*:last-child {
     border-right: 0rem solid transparent;
     border-top-right-radius: 9999px;
     border-bottom-right-radius: 9999px;
@@ -203,4 +231,4 @@ tooltip {
 
 .gap-h-15 {
     min-width: 1.023rem;
-}
+}

.config/ags/scss/_dock.scss

@@ -22,6 +22,7 @@
 .dock-app-icon {
     min-width: 3.409rem;
     min-height: 3.409rem;
+    font-size: 3.409rem;
 }
 
 .dock-separator {

.config/ags/scss/_lib_classes.scss

@@ -55,12 +55,12 @@
     margin: 10px;
 }
 
-.txt-badonkers {
+.txt-gigantic {
     @include mainfont;
     font-size: 3rem;
 }
 
-.txt-tiddies {
+.txt-massive {
     @include mainfont;
     font-size: 2.7273rem;
 }
@@ -127,6 +127,10 @@
     @include actiontext;
 }
 
+.txt-thin {
+    font-weight: 300;
+}
+
 .txt-semibold {
     font-weight: 500;
 }

.config/ags/scss/_notifications.scss

@@ -95,6 +95,7 @@ $notif_surface: $t_background;
     @include full-rounding;
     min-width: 3.409rem;
     min-height: 3.409rem;
+    font-size: 3.409rem;
 }
 
 .notif-icon-material {

.config/ags/scss/_osk.scss

@@ -110,3 +110,9 @@ $osk_key_fontsize: 1.091rem;
     background-color: mix($t_surfaceVariant, $t_onSurfaceVariant, 70%);
     font-size: $osk_key_fontsize;
 }
+
+.osk-key-empty, .osk-key-empty:hover, .osk-key-empty:focus {
+    min-width: $osk_key_width;
+    min-height: $osk_key_height;
+    background-color: transparent;
+}

.config/ags/scss/_sidebars.scss

@@ -445,15 +445,96 @@ $onChatgpt: $onPrimary;
 .sidebar-module {
     @include normal-rounding;
     @include group-padding;
-    background-color: $t_surface;
+    background-color: $l_l_t_surfaceVariant;
+    padding: 0.682rem;
 }
 
 .sidebar-module-btn-arrow {
     @include full-rounding;
     @include icon-material;
-    background-color: $t_surfaceVariant;
+    background-color: $l_l_t_surfaceVariant;
     min-width: 1.705rem;
     min-height: 1.705rem;
+
+    &:hover {
+        background-color: $hovercolor;
+    }
+}
+
+.sidebar-module-scripts-button {
+    @include full-rounding;
+    @include icon-material;
+    background-color: $l_l_t_surfaceVariant;
+    min-width: 1.705rem;
+    min-height: 1.705rem;
+
+    &:hover {
+        background-color: $hovercolor;
+    }
+
+    &:active {
+        background-color: $activecolor;
+    }
+}
+
+$colorpicker_rounding: 0.341rem;
+
+.sidebar-module-colorpicker-wrapper {
+    padding: 0.341rem;
+}
+
+.sidebar-module-colorpicker-cursorwrapper {
+    padding: 0.341rem 0.136rem;
+}
+
+.sidebar-module-colorpicker-hue {
+    min-height: 13.636rem;
+    min-width: 1.091rem;
+    border-radius: $colorpicker_rounding;
+}
+
+.sidebar-module-colorpicker-hue-cursor {
+    background-color: $onBackground;
+    border: 0.136rem solid $onBackground;
+    min-height: 0.136rem;
+    margin-top: -0.136rem;
+    border-radius: $colorpicker_rounding;
+}
+
+.sidebar-module-colorpicker-saturationandlightness-wrapper {
+    padding: 0.341rem;
+}
+
+.sidebar-module-colorpicker-saturationandlightness {
+    min-height: 13.636rem;
+    min-width: 13.636rem;
+    border-radius: $colorpicker_rounding;
+}
+
+.sidebar-module-colorpicker-saturationandlightness-cursorwrapper {
+    padding: 0.341rem;
+    margin-top: -0.409rem;
+    margin-left: -0.409rem;
+}
+
+.sidebar-module-colorpicker-saturationandlightness-cursor {
+    @include full-rounding;
+    border: 0.136rem solid white;
+    min-width: 0.682rem;
+    min-height: 0.682rem;
+    margin-top: -0.409rem;
+    margin-left: -0.409rem;
+}
+
+.sidebar-module-colorpicker-result-area {
+    padding: 0.341rem;
+}
+
+.sidebar-module-colorpicker-result-box {
+    border-radius: $colorpicker_rounding;
+    min-width: 2.045rem;
+    min-height: 0.682rem;
+    padding: 0.341rem;
 }
 
 .sidebar-chat-apiswitcher {
@@ -467,6 +548,7 @@ $onChatgpt: $onPrimary;
     @include full-rounding;
     min-width: 2.182rem;
     min-height: 2.182rem;
+    font-size: 1.406rem;
     color: $onSurface;
 }
 
@@ -642,10 +724,10 @@ $onChatgpt: $onPrimary;
 .sidebar-chat-welcome-logo {
     @include full-rounding;
     @include element_decel;
+    @include icon-material;
     min-height: 4.773rem;
     min-width: 4.773rem;
-    @include icon-material;
-    font-size: 2.727rem;
+    font-size: 3.076rem;
     background-color: $onBackground;
     color: $background;
 }
@@ -762,9 +844,7 @@ $waifu_image_overlay_transparency: 0.7;
     @include full-rounding;
     min-width: 1.875rem;
     min-height: 1.875rem;
-    background-color: rgba(0,
-            0,
-            0,
+    background-color: rgba(0, 0, 0,
             $waifu_image_overlay_transparency ); // Fixed cuz on image
     color: rgba(255, 255, 255, $waifu_image_overlay_transparency);
 }
@@ -776,4 +856,4 @@ $waifu_image_overlay_transparency: 0.7;
 
 .sidebar-waifu-image-action:active {
     background-color: rgba(60, 60, 60, $waifu_image_overlay_transparency);
-}
+}

.config/ags/scss/main.scss

@@ -1,8 +1,8 @@
 // Reset
-* {
-    all: unset;
-}
-// *:not(tooltip) { all: unset; }
+// * {
+//     all: unset;
+// }
+*:not(popover) { all: unset; }
 
 // Colors
 @import './material'; // Material colors