diff --git a/.config/ags/lib/advancedrevealers.js b/.config/ags/lib/advancedrevealers.js
index f5f255605..cab2d4ca6 100644
--- a/.config/ags/lib/advancedrevealers.js
+++ b/.config/ags/lib/advancedrevealers.js
@@ -1,23 +1,25 @@
 const { Gdk, Gtk } = imports.gi;
-import { App, Service, Utils, Variable, Widget } from '../imports.js';
+import { App, SCREEN_WIDTH, SCREEN_HEIGHT, Service, Utils, Variable, Widget } from '../imports.js';
 const { Box, Button, Entry, EventBox, Icon, Label, Revealer, Scrollable, Stack } = Widget;
 
 export const MarginRevealer = ({
     transition = 'slide_down',
     child,
     revealChild,
-    showClass = 'element-show', // These are for animation curve
+    showClass = 'element-show', // These are for animation curve, they don't really hide
     hideClass = 'element-hide', // Don't put margins in these classes!
     extraProperties = [],
     ...rest
 }) => {
-    child.toggleClassName(`${revealChild ? showClass : hideClass}`, true);
     const widget = Scrollable({
+        ...rest,
+        css: `min-height: 0px;`,
         properties: [
             ['revealChild', true], // It'll be set to false after init if it's supposed to hide
             ['transition', transition],
             ['show', (self) => {
                 if (self._revealChild) return;
+                self.set_policy(Gtk.PolicyType.NEVER, Gtk.PolicyType.NEVER);
                 child.toggleClassName(hideClass, false);
                 child.toggleClassName(showClass, true);
                 self._revealChild = true;
@@ -38,17 +40,21 @@ export const MarginRevealer = ({
                     child.css = `margin-top: -${child.get_allocated_height()}px;`;
             }],
             ['toggle', (self) => {
+                console.log('toggle');
                 if (self._revealChild) self._hide(self);
                 else self._show(self);
             }],
             ...extraProperties,
         ],
-        child: child,
         setup: (self) => {
-            self.set_policy(Gtk.PolicyType.NEVER, Gtk.PolicyType.NEVER);
+            if (!revealChild)
+                self.set_policy(Gtk.PolicyType.ALWAYS, Gtk.PolicyType.ALWAYS);
+            else
+                self.set_policy(Gtk.PolicyType.NEVER, Gtk.PolicyType.NEVER);
+            self.child = child;
         },
-        ...rest,
     });
+    child.toggleClassName(`${revealChild ? showClass : hideClass}`, true);
     return widget;
 }
 
diff --git a/.config/ags/lib/notification.js b/.config/ags/lib/notification.js
index 9341fc2b4..b79cb3be9 100644
--- a/.config/ags/lib/notification.js
+++ b/.config/ags/lib/notification.js
@@ -144,15 +144,37 @@ export default ({
         transition: 'slide_up',
         transitionDuration: 120,
         revealChild: false,
-        child: Label({
-            xalign: 0,
-            className: `txt-smallie notif-body-${notifObject.urgency}`,
-            useMarkup: true,
-            xalign: 0,
-            justify: Gtk.Justification.LEFT,
-            maxWidthChars: 24,
-            wrap: true,
-            label: notifObject.body,
+        child: Box({
+            vertical: true,
+            className: 'spacing-v-10',
+            children: [
+                Label({
+                    xalign: 0,
+                    className: `txt-smallie notif-body-${notifObject.urgency}`,
+                    useMarkup: true,
+                    xalign: 0,
+                    justify: Gtk.Justification.LEFT,
+                    maxWidthChars: 24,
+                    wrap: true,
+                    label: notifObject.body,
+                }),
+                Box({
+                    homogeneous: true,
+                    className: 'notif-actions',
+                    children: [
+                        Button({
+                            className: `notif-action notif-action-${notifObject.urgency}`,
+                            label: 'Close',
+                            onClicked: () => destroyWithAnims(),
+                        }),
+                        ...notifObject.actions.map(action => Widget.Button({
+                            className: `notif-action notif-action-${notifObject.urgency}`,
+                            onClicked: () => notifObject.invoke(action.id),
+                            label: action.label,
+                        }))
+                    ],
+                })
+            ]
         }),
     });
     const notifIcon = Box({
@@ -217,11 +239,13 @@ export default ({
                 notifTextPreview.revealChild = false;
                 notifTextExpanded.revealChild = true;
                 self.child.label = 'expand_less';
+                expanded = true;
             }
             else {
                 notifTextPreview.revealChild = true;
                 notifTextExpanded.revealChild = false;
                 self.child.label = 'expand_more';
+                expanded = true;
             }
         },
         child: MaterialIcon('expand_more', 'norm', {
@@ -240,7 +264,6 @@ export default ({
     })
 
     // Gesture stuff
-
     const gesture = Gtk.GestureDrag.new(widget);
     var initDirX = 0;
     var initDirVertical = -1; // -1: unset, 0: horizontal, 1: vertical
@@ -320,11 +343,13 @@ export default ({
                     notifTextPreview.revealChild = false;
                     notifTextExpanded.revealChild = true;
                     expanded = true;
+                    notifExpandButton.child.label = 'expand_less';
                 }
                 else if (initDirVertical == 1 && offset_y < -MOVE_THRESHOLD && expanded) {
                     notifTextPreview.revealChild = true;
                     notifTextExpanded.revealChild = false;
                     expanded = false;
+                    notifExpandButton.child.label = 'expand_more';
                 }
 
             }, 'drag-update')
diff --git a/.config/ags/scripts/record-script.sh b/.config/ags/scripts/record-script.sh
index 1881e0c2a..904b98f80 100755
--- a/.config/ags/scripts/record-script.sh
+++ b/.config/ags/scripts/record-script.sh
@@ -8,13 +8,13 @@ cd ~/Videos || exit
 if [[ "$(pidof wf-recorder)" == "" ]]; then
     notify-send "Starting recording" 'recording_'"$(getdate)"'.mp4' -a 'record-script.sh'
     if [[ "$1" == "--sound" ]]; then
-        wf-recorder --pixel-format yuv420p -f './recording_'"$(getdate)"'.mp4' -t --geometry "$(slurp)" --audio=alsa_output.pci-0000_08_00.6.analog-stereo.monitor
+        wf-recorder --pixel-format yuv420p -f './recording_'"$(getdate)"'.mp4' -t --geometry "$(slurp)" --audio=alsa_output.pci-0000_08_00.6.analog-stereo.monitor & disown
     elif [[ "$1" == "--fullscreen-sound" ]]; then
-        wf-recorder --pixel-format yuv420p -f './recording_'"$(getdate)"'.mp4' -t --audio=alsa_output.pci-0000_08_00.6.analog-stereo.monitor
+        wf-recorder --pixel-format yuv420p -f './recording_'"$(getdate)"'.mp4' -t --audio=alsa_output.pci-0000_08_00.6.analog-stereo.monitor & disown
     elif [[ "$1" == "--fullscreen" ]]; then
-        wf-recorder --pixel-format yuv420p -f './recording_'"$(getdate)"'.mp4' -t
+        wf-recorder --pixel-format yuv420p -f './recording_'"$(getdate)"'.mp4' -t & disown
     else 
-        wf-recorder --pixel-format yuv420p -f './recording_'"$(getdate)"'.mp4' -t --geometry "$(slurp)" 
+        wf-recorder --pixel-format yuv420p -f './recording_'"$(getdate)"'.mp4' -t --geometry "$(slurp)" & disown
     fi
 else
     /usr/bin/kill --signal SIGINT wf-recorder
diff --git a/.config/ags/scripts/templates/gradience/preset.json b/.config/ags/scripts/templates/gradience/preset.json
index d23d5efb5..d3205c0c1 100644
--- a/.config/ags/scripts/templates/gradience/preset.json
+++ b/.config/ags/scripts/templates/gradience/preset.json
@@ -87,9 +87,9 @@
         "BLACK_500": "#393634",
         "BLACK_700": "#33302F",
         "BLACK_900": "#2B2928",
-        "accent_bg_color": "#d6baff",
-        "accent_fg_color": "#3d1c70",
-        "accent_color": "#d6baff",
+        "accent_bg_color": "#d8baff",
+        "accent_fg_color": "#3e1b6f",
+        "accent_color": "#d8baff",
         "destructive_bg_color": "#ffb4a9",
         "destructive_fg_color": "#680003",
         "destructive_color": "#ffb4a9",
@@ -104,17 +104,17 @@
         "view_bg_color": "#1d1b1e",
         "view_fg_color": "#e7e1e6",
         "headerbar_bg_color": "mix(@dialog_bg_color, @window_bg_color, 0.5)",
-        "headerbar_fg_color": "#eadef7",
-        "headerbar_border_color": "#4b4358",
+        "headerbar_fg_color": "#eaddf7",
+        "headerbar_border_color": "#4b4357",
         "headerbar_backdrop_color": "@headerbar_bg_color",
         "headerbar_shade_color": "rgba(0, 0, 0, 0.09)",
         "card_bg_color": "#111012",
-        "card_fg_color": "#eadef7",
+        "card_fg_color": "#eaddf7",
         "card_shade_color": "rgba(0, 0, 0, 0.09)",
-        "dialog_bg_color": "#4b4358",
-        "dialog_fg_color": "#eadef7",
-        "popover_bg_color": "#4b4358",
-        "popover_fg_color": "#eadef7",
+        "dialog_bg_color": "#4b4357",
+        "dialog_fg_color": "#eaddf7",
+        "popover_bg_color": "#4b4357",
+        "popover_fg_color": "#eaddf7",
         "thumbnail_bg_color": "#1a1b26",
         "thumbnail_fg_color": "#AEE5FA",
         "shade_color": "rgba(0, 0, 0, 0.36)",
diff --git a/.config/ags/scss/_material.scss b/.config/ags/scss/_material.scss
index 5f6dc5e69..e76adf207 100755
--- a/.config/ags/scss/_material.scss
+++ b/.config/ags/scss/_material.scss
@@ -1,30 +1,29 @@
 $darkmode: true;
-$primary: #e2e2e2;
-$onPrimary: #000000;
-$primaryContainer: #6b6b6b;
-$onPrimaryContainer: #e2e2e2;
-$secondary: #e2e2e2;
-$onSecondary: #000000;
-$secondaryContainer: #313131;
-$onSecondaryContainer: #e2e2e2;
-$tertiary: #e2e2e2;
-$onTertiary: #000000;
-$tertiaryContainer: #000000;
-$onTertiaryContainer: #e2e2e2;
-$error: #e2e2e2;
-$onError: #000000;
-$errorContainer: #000000;
-$onErrorContainer: #e2e2e2;
-$colorbarbg: #000000;
-$background: #000000;
-$onBackground: #e2e2e2;
-$surface: #000000;
-$onSurface: #e2e2e2;
-$surfaceVariant: #202020;
-$onSurfaceVariant: #e2e2e2;
-$outline: #a1a1a1;
+$primary: #d8baff;
+$onPrimary: #3e1b6f;
+$primaryContainer: #563587;
+$onPrimaryContainer: #eedcff;
+$secondary: #cec2da;
+$onSecondary: #352d40;
+$secondaryContainer: #4b4357;
+$onSecondaryContainer: #eaddf7;
+$tertiary: #f1b7c2;
+$onTertiary: #4a252e;
+$tertiaryContainer: #643b44;
+$onTertiaryContainer: #ffd9e1;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #111012;
+$background: #111012;
+$onBackground: #e7e1e6;
+$surface: #1d1b1e;
+$onSurface: #e7e1e6;
+$surfaceVariant: #4a454e;
+$onSurfaceVariant: #cbc4ce;
+$outline: #958f99;
 $shadow: #000000;
-$inverseSurface: #e2e2e2;
-$inverseOnSurface: #000000;
-$inversePrimary: #e2e2e2;
-
+$inverseSurface: #e7e1e6;
+$inverseOnSurface: #323033;
+$inversePrimary: #6e4da1;
diff --git a/.config/ags/scss/_musicmaterial.scss b/.config/ags/scss/_musicmaterial.scss
index 8b1378917..441be992d 100755
--- a/.config/ags/scss/_musicmaterial.scss
+++ b/.config/ags/scss/_musicmaterial.scss
@@ -1 +1,29 @@
-
+$darkmode: true;
+$primary: #c4c0ff;
+$onPrimary: #251a8c;
+$primaryContainer: #3c36a1;
+$onPrimaryContainer: #e3dfff;
+$secondary: #c7c4dd;
+$onSecondary: #2f2e42;
+$secondaryContainer: #464559;
+$onSecondaryContainer: #e3dff9;
+$tertiary: #eab9d1;
+$onTertiary: #472639;
+$tertiaryContainer: #603c50;
+$onTertiaryContainer: #ffd8eb;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #101012;
+$background: #101012;
+$onBackground: #e5e1e6;
+$surface: #1c1b1f;
+$onSurface: #e5e1e6;
+$surfaceVariant: #47464f;
+$onSurfaceVariant: #c8c5d0;
+$outline: #928f9a;
+$shadow: #000000;
+$inverseSurface: #e5e1e6;
+$inverseOnSurface: #313033;
+$inversePrimary: #5550bb;
diff --git a/.config/ags/scss/_musicwal.scss b/.config/ags/scss/_musicwal.scss
index 8b1378917..6656696fd 100644
--- a/.config/ags/scss/_musicwal.scss
+++ b/.config/ags/scss/_musicwal.scss
@@ -1 +1,26 @@
+// SCSS Variables
+// Generated by 'wal'
+$wallpaper: "/home/end/.cache/ags/media/375d6eb3358763763a73710dca3bbfad1a5434d8";
 
+// Special
+$background: #0a0919;
+$foreground: #bfacd9;
+$cursor: #bfacd9;
+
+// Colors
+$color0: #0a0919;
+$color1: #2E2693;
+$color2: #382FA6;
+$color3: #4C2F99;
+$color4: #4839B3;
+$color5: #5A49B4;
+$color6: #5C4CC7;
+$color7: #bfacd9;
+$color8: #857897;
+$color9: #2E2693;
+$color10: #382FA6;
+$color11: #4C2F99;
+$color12: #4839B3;
+$color13: #5A49B4;
+$color14: #5C4CC7;
+$color15: #bfacd9;
diff --git a/.config/ags/scss/_notifications.scss b/.config/ags/scss/_notifications.scss
index 7ac21aee9..84726aa85 100644
--- a/.config/ags/scss/_notifications.scss
+++ b/.config/ags/scss/_notifications.scss
@@ -154,3 +154,53 @@ $notif_surface: $t_background;
     padding: 0rem;
     color: $secondaryContainer;
 }
+
+.notif-actions {
+    min-height: 2.045rem;
+}
+
+.notif-action {
+    @include small-rounding;
+}
+
+.notif-action-low {
+    background-color: $l_t_surfaceVariant;
+    color: $onSurfaceVariant;
+}
+
+.notif-action-low:focus,
+.notif-action-low:hover {
+    background-color: mix($t_onSurfaceVariant, $l_t_surfaceVariant, 10%);
+}
+
+.notif-action-low:active {
+    background-color: mix($t_onSurfaceVariant, $l_t_surfaceVariant, 15%);
+}
+
+.notif-action-normal {
+    background-color: $l_t_surfaceVariant;
+    color: $onSurfaceVariant;
+}
+
+.notif-action-normal:focus,
+.notif-action-normal:hover {
+    background-color: mix($t_onSurfaceVariant, $l_t_surfaceVariant, 10%);
+}
+
+.notif-action-normal:active {
+    background-color: mix($t_onSurfaceVariant, $l_t_surfaceVariant, 15%);
+}
+
+.notif-action-critical {
+    background-color: $t_onSurfaceVariant;
+    color: $onSurfaceVariant;
+}
+
+.notif-action-critical:focus,
+.notif-action-critical:hover {
+    background-color: mix($t_onSurfaceVariant, $l_t_surfaceVariant, 10%);
+}
+
+.notif-action-critical:active {
+    background-color: mix($t_onSurfaceVariant, $l_t_surfaceVariant, 15%);
+}
diff --git a/.config/ags/scss/_osd.scss b/.config/ags/scss/_osd.scss
index 9d04f8d48..c9e2c113f 100644
--- a/.config/ags/scss/_osd.scss
+++ b/.config/ags/scss/_osd.scss
@@ -8,12 +8,13 @@
 }
 
 .osd-value {
+    @include elevation-border;
+    @include elevation2;
     background-color: $t_background;
     border-radius: 1.023rem;
     padding: 0.625rem 1.023rem;
     padding-top: 0.313rem;
     margin: 10px;
-    @include elevation2;
 }
 
 .osd-progress {
@@ -117,4 +118,12 @@
     background-color: $background;
     color: $onBackground;
     box { background-color: $onBackground; }
+}
+
+.osd-show {
+    transition: 200ms cubic-bezier(0.1, 1, 0, 1);
+}
+
+.osd-hide {
+    transition: 190ms cubic-bezier(0.85, 0, 0.15, 1);
 }
\ No newline at end of file
diff --git a/.config/ags/scss/_sidebars.scss b/.config/ags/scss/_sidebars.scss
index f2341a8ae..6eb0abb24 100644
--- a/.config/ags/scss/_sidebars.scss
+++ b/.config/ags/scss/_sidebars.scss
@@ -503,10 +503,11 @@ $onChatgpt: $onPrimary;
 .sidebar-chat-apiswitcher {
     @include full-rounding;
     @include group-padding;
-    background-color: $surface;
+    background-color: $t_surface;
 }
 
 .sidebar-chat-apiswitcher-icon {
+    @include menu_decel;
     @include full-rounding;
     min-width:  2.182rem;
     min-height: 2.182rem;
@@ -514,7 +515,8 @@ $onChatgpt: $onPrimary;
 }
 
 .sidebar-chat-apiswitcher-icon-enabled {
-    color: $primary;
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
 }
 
 .sidebar-chat-viewport {
diff --git a/.config/ags/style.css b/.config/ags/style.css
index 977572676..b6ffc2c55 100644
--- a/.config/ags/style.css
+++ b/.config/ags/style.css
@@ -41,13 +41,13 @@
   transition: 0ms; }
 
 .txt {
-  color: #e2e2e2; }
+  color: #e7e1e6; }
 
 .txt-primary {
-  color: #e2e2e2; }
+  color: #d8baff; }
 
 .txt-onSecondaryContainer {
-  color: #e2e2e2; }
+  color: #eaddf7; }
 
 .txt-shadow {
   text-shadow: 1px 2px 8px rgba(0, 0, 0, 0.69);
@@ -101,10 +101,10 @@
   font-size: 0px; }
 
 .txt-subtext {
-  color: #a0a0a0; }
+  color: #a6a1a6; }
 
 .txt-action {
-  color: #c1c1c1; }
+  color: #c7c1c6; }
 
 .txt-semibold {
   font-weight: 500; }
@@ -130,7 +130,7 @@
 .separator-circle {
   border-radius: 9999px;
   -gtk-outline-radius: 9999px;
-  background-color: #e2e2e2;
+  background-color: #e7e1e6;
   margin: 0rem 0.682rem;
   min-width: 0.545rem;
   min-height: 0.545rem; }
@@ -361,10 +361,10 @@
   transition: 300ms cubic-bezier(0.85, 0, 0.15, 1); }
 
 * {
-  caret-color: #e2e2e2; }
+  caret-color: #d8baff; }
   * selection {
-    background-color: #e2e2e2;
-    color: #000000; }
+    background-color: #cec2da;
+    color: #352d40; }
 
 @keyframes appear {
   from {
@@ -379,13 +379,13 @@ tooltip {
   animation-iteration-count: 1; }
 
 menu {
-  border-top: 1px solid rgba(35, 35, 35, 0.121);
-  border-left: 1px solid rgba(35, 35, 35, 0.121);
-  border-right: 1px solid rgba(19, 19, 19, 0.1105);
-  border-bottom: 1px solid rgba(19, 19, 19, 0.1105);
+  border-top: 1px solid rgba(59, 57, 61, 0.121);
+  border-left: 1px solid rgba(59, 57, 61, 0.121);
+  border-right: 1px solid rgba(45, 43, 47, 0.1105);
+  border-bottom: 1px solid rgba(45, 43, 47, 0.1105);
   padding: 0.681rem;
-  background: #121212;
-  color: #e2e2e2;
+  background: #29262b;
+  color: #cbc4ce;
   border-radius: 1.159rem;
   -gtk-outline-radius: 1.159rem;
   animation-name: appear;
@@ -408,53 +408,53 @@ menu > menuitem {
 
 menu > menuitem:hover,
 menu > menuitem:focus {
-  background-color: #272727; }
+  background-color: #39363b; }
 
 .separator-line {
-  background-color: #121212;
+  background-color: #29262b;
   min-width: 0.068rem;
   min-height: 0.068rem; }
 
 tooltip {
   border-radius: 1.159rem;
   -gtk-outline-radius: 1.159rem;
-  background-color: #121212;
-  color: #e2e2e2;
-  border: 1px solid #e2e2e2; }
+  background-color: #29262b;
+  color: #cbc4ce;
+  border: 1px solid #cbc4ce; }
 
 .configtoggle-box {
   padding: 0.205rem 0.341rem;
   border: 0.136rem solid transparent; }
 
 .configtoggle-box:focus {
-  border: 0.136rem solid #5c5c5c; }
+  border: 0.136rem solid #6e6b6f; }
 
 .switch-bg {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
   border-radius: 9999px;
   -gtk-outline-radius: 9999px;
-  background-color: #050505;
-  border: 0.136rem solid #e2e2e2;
+  background-color: #171518;
+  border: 0.136rem solid #e7e1e6;
   min-width: 2.864rem;
   min-height: 1.637rem; }
 
 .switch-bg-true {
-  background-color: #e2e2e2;
-  border: 0.136rem solid #e2e2e2; }
+  background-color: #d8baff;
+  border: 0.136rem solid #d8baff; }
 
 .switch-fg {
   border-radius: 9999px;
   -gtk-outline-radius: 9999px;
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
-  background-color: #e2e2e2;
-  color: #020202;
+  background-color: #e7e1e6;
+  color: #1e1c20;
   min-width: 0.819rem;
   min-height: 0.819rem;
   margin-left: 0.477rem; }
 
 .switch-fg-true {
-  background-color: #000000;
-  color: #e2e2e2;
+  background-color: #3e1b6f;
+  color: #d8baff;
   min-width: 1.431rem;
   min-height: 1.431rem;
   margin-left: 1.431rem; }
@@ -467,14 +467,14 @@ tooltip {
 .segment-container {
   border-radius: 9999px;
   -gtk-outline-radius: 9999px;
-  border: 0.068rem solid #a1a1a1; }
+  border: 0.068rem solid #958f99; }
 
 .segment-container > *:first-child {
   border-top-left-radius: 9999px;
   border-bottom-left-radius: 9999px; }
 
 .segment-container > * {
-  border-right: 0.068rem solid #a1a1a1;
+  border-right: 0.068rem solid #958f99;
   padding: 0.341rem 0.682rem; }
 
 .segment-container > *:last-child {
@@ -483,21 +483,21 @@ tooltip {
   border-bottom-right-radius: 9999px; }
 
 .segment-btn {
-  color: #e2e2e2; }
+  color: #e7e1e6; }
 
 .segment-btn:focus,
 .segment-btn:hover {
-  background-color: #121212;
-  color: #e2e2e2; }
+  background-color: #29262b;
+  color: #cbc4ce; }
 
 .segment-btn-enabled {
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4357;
+  color: #eaddf7; }
 
 .segment-btn-enabled:hover,
 .segment-btn-enabled:focus {
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4357;
+  color: #eaddf7; }
 
 .gap-v-5 {
   min-height: 0.341rem; }
@@ -518,7 +518,7 @@ tooltip {
   min-width: 1.023rem; }
 
 .bar-bg {
-  background-color: #070707;
+  background-color: #0f0d10;
   min-height: 2.727rem; }
 
 .bar-sidespace {
@@ -528,7 +528,7 @@ tooltip {
   padding: 0.2rem; }
 
 .bar-group {
-  background-color: rgba(2, 2, 2, 0.31); }
+  background-color: rgba(30, 28, 32, 0.31); }
 
 .bar-group-center {
   border-bottom-left-radius: 1.364rem;
@@ -601,18 +601,18 @@ tooltip {
   -gtk-outline-radius: 9999px;
   min-width: 0.341rem;
   min-height: 0.341rem;
-  background-color: rgba(24, 24, 24, 0.31);
+  background-color: rgba(50, 48, 52, 0.31);
   margin: 0rem 0.341rem; }
 
 .bar-clock {
   font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif;
   font-size: 1.2727rem;
-  color: #e2e2e2; }
+  color: #e7e1e6; }
 
 .bar-date {
   font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif;
   font-size: 1rem;
-  color: #e2e2e2; }
+  color: #e7e1e6; }
 
 .bar-ws {
   min-height: 1.636rem;
@@ -632,8 +632,8 @@ tooltip {
   min-width: 1.5rem;
   font-size: 1.091rem;
   font-family: 'Rubik', 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
-  background-color: #e2e2e2;
-  color: #000000;
+  background-color: #d8baff;
+  color: #3e1b6f;
   border-radius: 999px;
   margin: 0.068rem; }
 
@@ -645,67 +645,67 @@ tooltip {
   margin: 0rem 0.409rem; }
 
 .bar-ws-occupied {
-  background-color: #313131;
-  color: #e2e2e2;
+  background-color: #4b4357;
+  color: #eaddf7;
   min-width: 1.772rem;
-  border-top: 0.068rem solid #e2e2e2;
-  border-bottom: 0.068rem solid #e2e2e2; }
+  border-top: 0.068rem solid #eaddf7;
+  border-bottom: 0.068rem solid #eaddf7; }
 
 .bar-ws-occupied-left {
-  background-color: #313131;
-  color: #e2e2e2;
+  background-color: #4b4357;
+  color: #eaddf7;
   min-width: 1.704rem;
   border-top-left-radius: 999px;
   border-bottom-left-radius: 999px;
-  border-left: 0.068rem solid #e2e2e2;
-  border-top: 0.068rem solid #e2e2e2;
-  border-bottom: 0.068rem solid #e2e2e2;
+  border-left: 0.068rem solid #eaddf7;
+  border-top: 0.068rem solid #eaddf7;
+  border-bottom: 0.068rem solid #eaddf7;
   border-right: 0px solid transparent; }
 
 .bar-ws-occupied-right {
-  background-color: #313131;
-  color: #e2e2e2;
+  background-color: #4b4357;
+  color: #eaddf7;
   min-width: 1.704rem;
   border-top-right-radius: 999px;
   border-bottom-right-radius: 999px;
-  border-right: 0.068rem solid #e2e2e2;
-  border-top: 0.068rem solid #e2e2e2;
-  border-bottom: 0.068rem solid #e2e2e2;
+  border-right: 0.068rem solid #eaddf7;
+  border-top: 0.068rem solid #eaddf7;
+  border-bottom: 0.068rem solid #eaddf7;
   border-left: 0px solid transparent; }
 
 .bar-ws-occupied-left-right {
   border-radius: 9999px;
   -gtk-outline-radius: 9999px;
-  background-color: #313131;
-  color: #e2e2e2;
+  background-color: #4b4357;
+  color: #eaddf7;
   min-width: 1.636rem;
-  border: 0.068rem solid #e2e2e2; }
+  border: 0.068rem solid #eaddf7; }
 
 .bar-ws-empty {
-  color: #e2e2e2;
+  color: #e7e1e6;
   border-color: transparent; }
 
 .bar-batt {
   border-radius: 9999px;
   -gtk-outline-radius: 9999px;
   padding: 0rem 0.341rem;
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4357;
+  color: #eaddf7; }
 
 .bar-sidemodule {
   min-width: 26rem; }
 
 .bar-batt-low {
-  background-color: #e2e2e2;
-  color: #000000; }
+  background-color: #ffb4a9;
+  color: #930006; }
 
 .bar-batt-full {
   background-color: #374b3e;
   color: #d1e9d6; }
 
 .bar-batt-prog-low {
-  background-color: #e2e2e2;
-  color: #000000; }
+  background-color: #ffb4a9;
+  color: #930006; }
 
 .bar-batt-prog-full {
   background-color: #374b3e;
@@ -715,23 +715,23 @@ tooltip {
   min-height: 1.770rem;
   min-width: 1.770rem;
   border-radius: 10rem;
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4357;
+  color: #eaddf7; }
 
 .bar-music-circprog {
   transition: 1000ms cubic-bezier(0.1, 1, 0, 1);
   min-width: 0.068rem;
   min-height: 1.770rem;
   padding: 0rem;
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4357;
+  color: #eaddf7; }
 
 .bar-music-playstate-playing {
   min-height: 1.770rem;
   min-width: 1.770rem;
   border-radius: 10rem;
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4357;
+  color: #eaddf7; }
 
 .bar-music-playstate-txt {
   transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
@@ -799,10 +799,10 @@ tooltip {
     min-width: 0.680rem;
     margin: 0rem 0.137rem;
     border-radius: 10rem;
-    background-color: #e2e2e2; }
+    background-color: #eaddf7; }
 
 .bar-prog-batt-low progress {
-  background-color: #000000; }
+  background-color: #930006; }
 
 .bar-prog-batt-full progress {
   background-color: #d1e9d6; }
@@ -815,18 +815,18 @@ tooltip {
   border-radius: 10rem;
   min-width: 0.681rem;
   min-height: 0.681rem;
-  background-color: #e2e2e2;
-  color: #313131; }
+  background-color: #eaddf7;
+  color: #4b4357; }
 
 .bar-batt-chargestate-charging-smaller {
   border-radius: 10rem;
   min-width: 0.409rem;
   min-height: 0.409rem;
-  background-color: #e2e2e2;
-  color: #313131; }
+  background-color: #eaddf7;
+  color: #4b4357; }
 
 .bar-batt-chargestate-low {
-  background-color: #000000; }
+  background-color: #930006; }
 
 .bar-batt-chargestate-full {
   background-color: #d1e9d6; }
@@ -837,7 +837,7 @@ tooltip {
   font-weight: 500; }
 
 .corner {
-  background-color: #070707;
+  background-color: #0f0d10;
   border-radius: 1.705rem;
   -gtk-outline-radius: 1.705rem; }
 
@@ -849,7 +849,7 @@ tooltip {
 .bar-topdesc {
   margin-top: -0.136rem;
   margin-bottom: -0.341rem;
-  color: #a0a0a0; }
+  color: #a6a1a6; }
 
 .bar-space-button {
   padding: 0.341rem; }
@@ -892,22 +892,22 @@ tooltip {
   padding: 0rem 0.614rem; }
 
 .bar-statusicons-hover {
-  background-color: #1d1d1d; }
+  background-color: #252225; }
 
 .bar-statusicons-active {
-  background-color: #333333; }
+  background-color: #3a373b; }
 
 .cheatsheet-bg {
   border-radius: 1.705rem;
   -gtk-outline-radius: 1.705rem;
-  border-top: 1px solid rgba(154, 154, 154, 0.19);
-  border-left: 1px solid rgba(154, 154, 154, 0.19);
-  border-right: 1px solid rgba(114, 114, 114, 0.145);
-  border-bottom: 1px solid rgba(114, 114, 114, 0.145);
+  border-top: 1px solid rgba(166, 162, 166, 0.19);
+  border-left: 1px solid rgba(166, 162, 166, 0.19);
+  border-right: 1px solid rgba(131, 127, 131, 0.145);
+  border-bottom: 1px solid rgba(131, 127, 131, 0.145);
   box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
   margin: 0.476rem;
   margin-bottom: 0.682rem;
-  background-color: #070707;
+  background-color: #0f0d10;
   padding: 1.364rem; }
 
 .cheatsheet-key {
@@ -918,16 +918,16 @@ tooltip {
   padding: 0.136rem 0.205rem;
   border-radius: 0.409rem;
   -gtk-outline-radius: 0.409rem;
-  color: #e2e2e2;
-  border: 0.068rem solid #e2e2e2;
-  box-shadow: 0rem 0.136rem 0rem #e2e2e2;
+  color: #d8baff;
+  border: 0.068rem solid #d8baff;
+  box-shadow: 0rem 0.136rem 0rem #d8baff;
   font-weight: 500; }
 
 .cheatsheet-key-notkey {
   min-height: 1.364rem;
   padding: 0.136rem 0.205rem;
   margin: 0.17rem;
-  color: #e2e2e2; }
+  color: #eedcff; }
 
 .cheatsheet-closebtn {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
@@ -938,10 +938,10 @@ tooltip {
 
 .cheatsheet-closebtn:hover,
 .cheatsheet-closebtn:focus {
-  background-color: #121212; }
+  background-color: #29262b; }
 
 .cheatsheet-closebtn:active {
-  background-color: #505050; }
+  background-color: #5a555c; }
 
 .cheatsheet-category-title {
   font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif;
@@ -956,12 +956,12 @@ tooltip {
 .bg-time-clock {
   font-family: 'Gabarito';
   font-size: 5.795rem;
-  color: #e2e2e2; }
+  color: #e7e1e6; }
 
 .bg-time-date {
   font-family: 'Gabarito';
   font-size: 2.591rem;
-  color: #e2e2e2; }
+  color: #e7e1e6; }
 
 .bg-distro-box {
   border-radius: 1.705rem;
@@ -972,12 +972,12 @@ tooltip {
 .bg-distro-txt {
   font-family: 'Gabarito';
   font-size: 1.432rem;
-  color: #e2e2e2; }
+  color: #e7e1e6; }
 
 .bg-distro-name {
   font-family: 'Gabarito';
   font-size: 1.432rem;
-  color: #e2e2e2; }
+  color: #eaddf7; }
 
 .bg-graph {
   color: rgba(255, 255, 255, 0.5);
@@ -986,25 +986,25 @@ tooltip {
 
 .bg-quicklaunch-title {
   font-family: 'Rubik', 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
-  color: #e2e2e2; }
+  color: #cbc4ce; }
 
 .bg-quicklaunch-btn {
   font-family: 'Rubik', 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
   border-radius: 9999px;
   -gtk-outline-radius: 9999px;
-  background-color: #121212;
-  color: #e2e2e2;
-  border: 0.068rem solid #a0a0a0;
+  background-color: #29262b;
+  color: #cbc4ce;
+  border: 0.068rem solid #a6a1a6;
   min-width: 4.432rem;
   min-height: 2.045rem;
   padding: 0.273rem 0.682rem; }
 
 .bg-quicklaunch-btn:hover,
 .bg-quicklaunch-btn:focus {
-  background-color: #1c1c1c; }
+  background-color: #312e33; }
 
 .bg-quicklaunch-btn:active {
-  background-color: #272727; }
+  background-color: #39363b; }
 
 .bg-system-bg {
   border-radius: 1.159rem;
@@ -1016,14 +1016,14 @@ tooltip {
   min-height: 4.091rem;
   font-size: 0px;
   padding: 0rem;
-  background-color: #121212; }
+  background-color: #29262b; }
 
 .dock-bg {
   border-radius: 1.705rem;
   -gtk-outline-radius: 1.705rem;
   box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
   margin: 0.476rem;
-  background-color: #070707;
+  background-color: #0f0d10;
   padding: 0.682rem; }
 
 .dock-app-btn {
@@ -1033,10 +1033,10 @@ tooltip {
 
 .dock-app-btn:hover,
 .dock-app-btn:focus {
-  background-color: rgba(13, 13, 13, 0.31); }
+  background-color: rgba(40, 38, 42, 0.31); }
 
 .dock-app-btn:active {
-  background-color: rgba(36, 36, 36, 0.31); }
+  background-color: rgba(60, 58, 62, 0.31); }
 
 .dock-app-icon {
   min-width: 3.409rem;
@@ -1044,20 +1044,24 @@ tooltip {
 
 .dock-separator {
   min-width: 0.068rem;
-  background-color: #121212; }
+  background-color: #29262b; }
 
 .osd-bg {
   min-width: 8.864rem;
   min-height: 3.409rem; }
 
 .osd-value {
-  background-color: #070707;
+  border-top: 1px solid rgba(166, 162, 166, 0.19);
+  border-left: 1px solid rgba(166, 162, 166, 0.19);
+  border-right: 1px solid rgba(131, 127, 131, 0.145);
+  border-bottom: 1px solid rgba(131, 127, 131, 0.145);
+  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
+  margin: 0.476rem;
+  background-color: #0f0d10;
   border-radius: 1.023rem;
   padding: 0.625rem 1.023rem;
   padding-top: 0.313rem;
-  margin: 10px;
-  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
-  margin: 0.476rem; }
+  margin: 10px; }
 
 .osd-progress {
   min-height: 0.955rem;
@@ -1069,36 +1073,36 @@ tooltip {
     min-height: 0.954rem;
     min-width: 0.068rem;
     border-radius: 10rem;
-    background-color: #313131; }
+    background-color: #4b4357; }
   .osd-progress progress {
     transition: 200ms cubic-bezier(0.1, 1, 0, 1);
     min-height: 0.680rem;
     min-width: 0.680rem;
     margin: 0rem 0.137rem;
     border-radius: 10rem;
-    background-color: #e2e2e2; }
+    background-color: #eaddf7; }
 
 .osd-icon {
-  color: #e2e2e2; }
+  color: #eedcff; }
 
 .osd-label {
   font-size: 1.023rem;
   font-weight: 500;
-  color: #e2e2e2;
+  color: #e7e1e6;
   margin-top: 0.341rem; }
 
 .osd-value-txt {
   font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif;
   font-size: 1.688rem;
   font-weight: 500;
-  color: #e2e2e2; }
+  color: #e7e1e6; }
 
 .osd-notifs {
   padding-top: 0.313rem; }
 
 .osd-colorscheme {
   border-radius: 1.023rem;
-  background-color: #070707;
+  background-color: #0f0d10;
   padding: 1.023rem;
   box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
   margin: 0.476rem; }
@@ -1116,46 +1120,52 @@ tooltip {
     margin: 0.409rem; }
 
 .osd-color-primary {
-  background-color: #e2e2e2;
-  color: #000000; }
+  background-color: #d8baff;
+  color: #3e1b6f; }
   .osd-color-primary box {
-    background-color: #000000; }
+    background-color: #3e1b6f; }
 
 .osd-color-primaryContainer {
-  background-color: #6b6b6b;
-  color: #e2e2e2; }
+  background-color: #563587;
+  color: #eedcff; }
   .osd-color-primaryContainer box {
-    background-color: #e2e2e2; }
+    background-color: #eedcff; }
 
 .osd-color-secondary {
-  background-color: #e2e2e2;
-  color: #000000; }
+  background-color: #cec2da;
+  color: #352d40; }
   .osd-color-secondary box {
-    background-color: #000000; }
+    background-color: #352d40; }
 
 .osd-color-secondaryContainer {
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4357;
+  color: #eaddf7; }
   .osd-color-secondaryContainer box {
-    background-color: #e2e2e2; }
+    background-color: #eaddf7; }
 
 .osd-color-surfaceVariant {
-  background-color: #121212;
-  color: #e2e2e2; }
+  background-color: #29262b;
+  color: #cbc4ce; }
   .osd-color-surfaceVariant box {
-    background-color: #e2e2e2; }
+    background-color: #cbc4ce; }
 
 .osd-color-surface {
-  background-color: #020202;
-  color: #e2e2e2; }
+  background-color: #1e1c20;
+  color: #e7e1e6; }
   .osd-color-surface box {
-    background-color: #e2e2e2; }
+    background-color: #e7e1e6; }
 
 .osd-color-background {
-  background-color: #070707;
-  color: #e2e2e2; }
+  background-color: #0f0d10;
+  color: #e7e1e6; }
   .osd-color-background box {
-    background-color: #e2e2e2; }
+    background-color: #e7e1e6; }
+
+.osd-show {
+  transition: 200ms cubic-bezier(0.1, 1, 0, 1); }
+
+.osd-hide {
+  transition: 190ms cubic-bezier(0.85, 0, 0.15, 1); }
 
 .overview-window {
   margin-top: 2.727rem; }
@@ -1164,29 +1174,29 @@ tooltip {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
   border-radius: 1.705rem;
   -gtk-outline-radius: 1.705rem;
-  border-top: 1px solid rgba(154, 154, 154, 0.19);
-  border-left: 1px solid rgba(154, 154, 154, 0.19);
-  border-right: 1px solid rgba(114, 114, 114, 0.145);
-  border-bottom: 1px solid rgba(114, 114, 114, 0.145);
+  border-top: 1px solid rgba(166, 162, 166, 0.19);
+  border-left: 1px solid rgba(166, 162, 166, 0.19);
+  border-right: 1px solid rgba(131, 127, 131, 0.145);
+  border-bottom: 1px solid rgba(131, 127, 131, 0.145);
   box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
   margin: 0.476rem;
   min-width: 13.636rem;
   min-height: 3.409rem;
   padding: 0rem 1.364rem;
   padding-right: 2.864rem;
-  background-color: #070707;
-  color: #e2e2e2;
+  background-color: #0f0d10;
+  color: #e7e1e6;
   caret-color: transparent; }
   .overview-search-box selection {
-    background-color: #e2e2e2;
-    color: #000000; }
+    background-color: #cec2da;
+    color: #352d40; }
 
 .overview-search-box-extended {
   min-width: 25.909rem;
-  caret-color: #e2e2e2; }
+  caret-color: #eaddf7; }
 
 .overview-search-prompt {
-  color: #a0a0a0; }
+  color: #a6a1a6; }
 
 .overview-search-icon {
   margin: 0rem 1.023rem; }
@@ -1202,16 +1212,16 @@ tooltip {
 .overview-search-results {
   border-radius: 1.705rem;
   -gtk-outline-radius: 1.705rem;
-  border-top: 1px solid rgba(154, 154, 154, 0.19);
-  border-left: 1px solid rgba(154, 154, 154, 0.19);
-  border-right: 1px solid rgba(114, 114, 114, 0.145);
-  border-bottom: 1px solid rgba(114, 114, 114, 0.145);
+  border-top: 1px solid rgba(166, 162, 166, 0.19);
+  border-left: 1px solid rgba(166, 162, 166, 0.19);
+  border-right: 1px solid rgba(131, 127, 131, 0.145);
+  border-bottom: 1px solid rgba(131, 127, 131, 0.145);
   box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
   margin: 0.476rem;
   min-width: 28.773rem;
   padding: 0.682rem;
-  background-color: #070707;
-  color: #e2e2e2; }
+  background-color: #0f0d10;
+  color: #e7e1e6; }
 
 .overview-search-results-icon {
   margin: 0rem 0.682rem;
@@ -1245,43 +1255,43 @@ tooltip {
 .overview-tasks {
   border-radius: 1.705rem;
   -gtk-outline-radius: 1.705rem;
-  border-top: 1px solid rgba(154, 154, 154, 0.19);
-  border-left: 1px solid rgba(154, 154, 154, 0.19);
-  border-right: 1px solid rgba(114, 114, 114, 0.145);
-  border-bottom: 1px solid rgba(114, 114, 114, 0.145);
+  border-top: 1px solid rgba(166, 162, 166, 0.19);
+  border-left: 1px solid rgba(166, 162, 166, 0.19);
+  border-right: 1px solid rgba(131, 127, 131, 0.145);
+  border-bottom: 1px solid rgba(131, 127, 131, 0.145);
   box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
   margin: 0.476rem;
   padding: 0.341rem;
-  background-color: #070707;
-  color: #e2e2e2; }
+  background-color: #0f0d10;
+  color: #e7e1e6; }
 
 .overview-tasks-workspace {
   border-radius: 1.159rem;
   -gtk-outline-radius: 1.159rem;
   margin: 0.341rem;
-  background-color: rgba(25, 25, 25, 0.1147); }
+  background-color: rgba(51, 48, 52, 0.1147); }
 
 .overview-tasks-workspace-number {
   font-family: 'Rubik', 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
-  color: rgba(210, 210, 210, 0.31); }
+  color: rgba(217, 211, 216, 0.31); }
 
 .overview-tasks-window {
   border-radius: 1.159rem;
   -gtk-outline-radius: 1.159rem;
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
-  background-color: rgba(49, 49, 49, 0.5);
-  color: #e2e2e2;
-  border: 0.068rem solid rgba(226, 226, 226, 0.07); }
+  background-color: rgba(75, 67, 87, 0.5);
+  color: #eaddf7;
+  border: 0.068rem solid rgba(234, 221, 247, 0.07); }
 
 .overview-tasks-window:hover,
 .overview-tasks-window:focus {
-  background-color: rgba(73, 73, 73, 0.525); }
+  background-color: rgba(94, 83, 110, 0.525); }
 
 .overview-tasks-window:active {
-  background-color: rgba(93, 93, 93, 0.55); }
+  background-color: rgba(110, 97, 129, 0.55); }
 
 .overview-tasks-window-selected {
-  background-color: rgba(93, 93, 93, 0.55); }
+  background-color: rgba(110, 97, 129, 0.55); }
 
 .overview-tasks-window-dragging {
   opacity: 0.2; }
@@ -1289,13 +1299,13 @@ tooltip {
 .osk-window {
   border-radius: 1.705rem;
   -gtk-outline-radius: 1.705rem;
-  border-top: 1px solid rgba(154, 154, 154, 0.19);
-  border-left: 1px solid rgba(154, 154, 154, 0.19);
-  border-right: 1px solid rgba(114, 114, 114, 0.145);
-  border-bottom: 1px solid rgba(114, 114, 114, 0.145);
+  border-top: 1px solid rgba(166, 162, 166, 0.19);
+  border-left: 1px solid rgba(166, 162, 166, 0.19);
+  border-right: 1px solid rgba(131, 127, 131, 0.145);
+  border-bottom: 1px solid rgba(131, 127, 131, 0.145);
   box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
   margin: 0.476rem;
-  background-color: #070707; }
+  background-color: #0f0d10; }
 
 .osk-body {
   padding: 1.023rem;
@@ -1312,7 +1322,7 @@ tooltip {
 .osk-dragline {
   border-radius: 9999px;
   -gtk-outline-radius: 9999px;
-  background-color: #121212;
+  background-color: #29262b;
   min-height: 0.273rem;
   min-width: 10.227rem;
   margin-top: 0.545rem;
@@ -1320,22 +1330,22 @@ tooltip {
 
 .osk-key {
   border-radius: 0.682rem;
-  background-color: rgba(18, 18, 18, 0.31);
-  color: #e2e2e2;
+  background-color: rgba(41, 38, 43, 0.31);
+  color: #cbc4ce;
   padding: 0.188rem;
   font-weight: 500;
   font-size: 1.091rem; }
 
 .osk-key:hover,
 .osk-key:focus {
-  background-color: rgba(39, 39, 39, 0.31); }
+  background-color: rgba(57, 54, 59, 0.31); }
 
 .osk-key:active {
-  background-color: rgba(80, 80, 80, 0.31);
+  background-color: rgba(90, 85, 92, 0.31);
   font-size: 1.091rem; }
 
 .osk-key-active {
-  background-color: rgba(80, 80, 80, 0.31); }
+  background-color: rgba(90, 85, 92, 0.31); }
 
 .osk-key-normal {
   min-width: 2.5rem;
@@ -1363,31 +1373,31 @@ tooltip {
 
 .osk-control-button {
   border-radius: 0.682rem;
-  background-color: rgba(18, 18, 18, 0.31);
-  color: #e2e2e2;
+  background-color: rgba(41, 38, 43, 0.31);
+  color: #cbc4ce;
   font-weight: 500;
   font-size: 1.091rem;
   padding: 0.682rem; }
 
 .osk-control-button:hover,
 .osk-control-button:focus {
-  background-color: rgba(39, 39, 39, 0.31); }
+  background-color: rgba(57, 54, 59, 0.31); }
 
 .osk-control-button:active {
-  background-color: rgba(80, 80, 80, 0.31);
+  background-color: rgba(90, 85, 92, 0.31);
   font-size: 1.091rem; }
 
 .sidebar-right {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
-  border-top: 1px solid rgba(154, 154, 154, 0.19);
-  border-left: 1px solid rgba(154, 154, 154, 0.19);
-  border-right: 1px solid rgba(114, 114, 114, 0.145);
-  border-bottom: 1px solid rgba(114, 114, 114, 0.145);
+  border-top: 1px solid rgba(166, 162, 166, 0.19);
+  border-left: 1px solid rgba(166, 162, 166, 0.19);
+  border-right: 1px solid rgba(131, 127, 131, 0.145);
+  border-bottom: 1px solid rgba(131, 127, 131, 0.145);
   box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
   margin: 0.476rem;
   border-radius: 1.297rem;
   min-width: 27.818rem;
-  background-color: #070707;
+  background-color: #0f0d10;
   padding: 1.023rem; }
 
 .sideright-show {
@@ -1399,15 +1409,15 @@ tooltip {
 
 .sidebar-left {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
-  border-top: 1px solid rgba(154, 154, 154, 0.19);
-  border-left: 1px solid rgba(154, 154, 154, 0.19);
-  border-right: 1px solid rgba(114, 114, 114, 0.145);
-  border-bottom: 1px solid rgba(114, 114, 114, 0.145);
+  border-top: 1px solid rgba(166, 162, 166, 0.19);
+  border-left: 1px solid rgba(166, 162, 166, 0.19);
+  border-right: 1px solid rgba(131, 127, 131, 0.145);
+  border-bottom: 1px solid rgba(131, 127, 131, 0.145);
   box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
   margin: 0.476rem;
   border-radius: 1.297rem;
   min-width: 27.818rem;
-  background-color: #070707;
+  background-color: #0f0d10;
   padding: 1.023rem; }
 
 .sideleft-show {
@@ -1421,12 +1431,12 @@ tooltip {
   border-radius: 1.159rem;
   -gtk-outline-radius: 1.159rem;
   padding: 0.341rem;
-  background-color: rgba(2, 2, 2, 0.31); }
+  background-color: rgba(30, 28, 32, 0.31); }
 
 .sidebar-group-nopad {
   border-radius: 1.159rem;
   -gtk-outline-radius: 1.159rem;
-  background-color: rgba(2, 2, 2, 0.31); }
+  background-color: rgba(30, 28, 32, 0.31); }
 
 .sidebar-group-invisible {
   padding: 0.341rem; }
@@ -1438,47 +1448,47 @@ tooltip {
   border-radius: 9999px;
   -gtk-outline-radius: 9999px;
   padding: 0.341rem;
-  background-color: rgba(2, 2, 2, 0.31); }
+  background-color: rgba(30, 28, 32, 0.31); }
 
 .sidebar-iconbutton {
   border-radius: 9999px;
   -gtk-outline-radius: 9999px;
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
-  color: #e2e2e2;
+  color: #e7e1e6;
   min-width: 2.727rem;
   min-height: 2.727rem; }
 
 .sidebar-iconbutton:hover,
 .sidebar-iconbutton:focus {
-  background-color: #545454; }
+  background-color: #6b6277; }
 
 .sidebar-iconbutton:active {
-  background-color: #787878; }
+  background-color: #8b8197; }
 
 .sidebar-button {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
   padding: 0rem 0.818rem;
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4357;
+  color: #eaddf7; }
 
 .sidebar-button-nopad {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4357;
+  color: #eaddf7; }
 
 .sidebar-button:hover,
 .sidebar-button:focus {
-  background-color: #545454; }
+  background-color: #6b6277; }
 
 .sidebar-button:active {
-  background-color: #787878; }
+  background-color: #8b8197; }
 
 .sidebar-button-nopad:hover,
 .sidebar-button-nopad:focus {
-  background-color: #545454; }
+  background-color: #6b6277; }
 
 .sidebar-button-nopad:active {
-  background-color: #787878; }
+  background-color: #8b8197; }
 
 .sidebar-button-left {
   border-top-left-radius: 0.818rem;
@@ -1497,20 +1507,20 @@ tooltip {
   -gtk-outline-radius: 0.818rem; }
 
 .sidebar-button-active {
-  background-color: #e2e2e2;
-  color: #000000; }
+  background-color: #d8baff;
+  color: #3e1b6f; }
 
 .sidebar-button-active:hover,
 .sidebar-button-active:focus {
-  background-color: rgba(224, 224, 224, 0.93); }
+  background-color: rgba(214, 185, 253, 0.93); }
 
 .sidebar-button-active:active {
-  background-color: rgba(219, 219, 219, 0.79); }
+  background-color: rgba(210, 182, 246, 0.79); }
 
 .sidebar-buttons-separator {
   min-width: 0.068rem;
   min-height: 0.068rem;
-  background-color: #e2e2e2; }
+  background-color: #cbc4ce; }
 
 .sidebar-navrail {
   padding: 0rem 1.159rem; }
@@ -1522,19 +1532,19 @@ tooltip {
 
 .sidebar-navrail-btn:hover > box > label:first-child,
 .sidebar-navrail-btn:focus > box > label:first-child {
-  background-color: rgba(96, 96, 96, 0.379); }
+  background-color: rgba(102, 98, 104, 0.379); }
 
 .sidebar-navrail-btn:active > box > label:first-child {
-  background-color: #464646; }
+  background-color: #524e54; }
 
 .sidebar-navrail-btn-active > box > label:first-child {
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4357;
+  color: #eaddf7; }
 
 .sidebar-navrail-btn-active:hover > box > label:first-child,
 .sidebar-navrail-btn-active:focus > box > label:first-child {
-  background-color: rgba(51, 51, 51, 0.93);
-  color: rgba(224, 224, 224, 0.93); }
+  background-color: rgba(76, 68, 88, 0.93);
+  color: rgba(232, 219, 245, 0.93); }
 
 .sidebar-sysinfo-grouppad {
   padding: 1.159rem; }
@@ -1544,8 +1554,8 @@ tooltip {
   min-width: 0.818rem;
   min-height: 4.091rem;
   padding: 0.409rem;
-  background-color: #313131;
-  color: #e2e2e2;
+  background-color: #4b4357;
+  color: #eaddf7;
   font-size: 0px; }
 
 .sidebar-memory-swap-circprog {
@@ -1554,16 +1564,16 @@ tooltip {
   min-height: 2.255rem;
   padding: 0.409rem;
   margin: 0.918rem;
-  background-color: #313131;
-  color: #e2e2e2;
+  background-color: #4b4357;
+  color: #eaddf7;
   font-size: 0px; }
 
 .sidebar-cpu-circprog {
   min-width: 0.818rem;
   min-height: 3.409rem;
   padding: 0.409rem;
-  background-color: #313131;
-  color: #e2e2e2;
+  background-color: #4b4357;
+  color: #eaddf7;
   transition: 1000ms cubic-bezier(0.1, 1, 0, 1);
   font-size: 0px; }
 
@@ -1578,14 +1588,14 @@ tooltip {
   -gtk-outline-radius: 9999px;
   min-width: 0.273rem;
   min-height: 2.045rem;
-  background-color: rgba(226, 226, 226, 0.31); }
+  background-color: rgba(203, 196, 206, 0.31); }
 
 .sidebar-scrollbar slider:hover,
 .sidebar-scrollbar slider:focus {
-  background-color: rgba(226, 226, 226, 0.448); }
+  background-color: rgba(203, 196, 206, 0.448); }
 
 .sidebar-scrollbar slider:active {
-  background-color: #7a7a7a; }
+  background-color: #7a757d; }
 
 .sidebar-calendar-btn {
   border-radius: 9999px;
@@ -1593,7 +1603,7 @@ tooltip {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
   min-height: 2.523rem;
   min-width: 2.523rem;
-  color: #e2e2e2; }
+  color: #e7e1e6; }
 
 .sidebar-calendar-btn:hover,
 .sidebar-calendar-btn:focus {
@@ -1607,18 +1617,18 @@ tooltip {
   margin-right: -10.341rem; }
 
 .sidebar-calendar-btn-today {
-  background-color: #e2e2e2;
-  color: #000000; }
+  background-color: #d8baff;
+  color: #3e1b6f; }
 
 .sidebar-calendar-btn-today:hover,
 .sidebar-calendar-btn-today:focus {
-  background-color: rgba(224, 224, 224, 0.93); }
+  background-color: rgba(214, 185, 253, 0.93); }
 
 .sidebar-calendar-btn-today:active {
-  background-color: rgba(219, 219, 219, 0.79); }
+  background-color: rgba(210, 182, 246, 0.79); }
 
 .sidebar-calendar-btn-othermonth {
-  color: #727272; }
+  color: #837f83; }
 
 .sidebar-calendar-header {
   margin: 0.341rem; }
@@ -1627,50 +1637,50 @@ tooltip {
   border-radius: 9999px;
   -gtk-outline-radius: 9999px;
   padding: 0rem 0.682rem;
-  background-color: rgba(18, 18, 18, 0.31);
-  color: #e2e2e2; }
+  background-color: rgba(41, 38, 43, 0.31);
+  color: #cbc4ce; }
 
 .sidebar-calendar-monthyear-btn:hover,
 .sidebar-calendar-monthyear-btn:focus {
-  background-color: rgba(64, 64, 64, 0.3445);
-  color: #d8d8d8; }
+  background-color: rgba(77, 73, 79, 0.3445);
+  color: #c3bcc6; }
 
 .sidebar-calendar-monthyear-btn:active {
-  background-color: #313131;
-  color: #c3c3c3; }
+  background-color: #413e43;
+  color: #b3acb6; }
 
 .sidebar-calendar-monthshift-btn {
   border-radius: 9999px;
   -gtk-outline-radius: 9999px;
   min-width: 2.045rem;
   min-height: 2.045rem;
-  background-color: rgba(18, 18, 18, 0.31);
-  color: #e2e2e2; }
+  background-color: rgba(41, 38, 43, 0.31);
+  color: #cbc4ce; }
 
 .sidebar-calendar-monthshift-btn:hover {
-  background-color: rgba(64, 64, 64, 0.3445);
-  color: #d8d8d8; }
+  background-color: rgba(77, 73, 79, 0.3445);
+  color: #c3bcc6; }
 
 .sidebar-calendar-monthshift-btn:active {
-  background-color: #313131;
-  color: #c3c3c3; }
+  background-color: #413e43;
+  color: #b3acb6; }
 
 .sidebar-selector-tab {
   border-radius: 0.818rem;
   -gtk-outline-radius: 0.818rem;
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
   min-height: 2.5rem;
-  color: #e2e2e2; }
+  color: #e7e1e6; }
 
 .sidebar-selector-tab:hover,
 .sidebar-selector-tab:focus {
-  background-color: rgba(96, 96, 96, 0.379); }
+  background-color: rgba(102, 98, 104, 0.379); }
 
 .sidebar-selector-tab:active {
-  background-color: #464646; }
+  background-color: #524e54; }
 
 .sidebar-selector-tab-active > box > label {
-  color: #e2e2e2; }
+  color: #d8baff; }
 
 .sidebar-selector-highlight-offset {
   margin-top: -0.205rem;
@@ -1678,14 +1688,14 @@ tooltip {
 
 .sidebar-selector-highlight {
   transition: 180ms ease-in-out;
-  color: #e2e2e2;
+  color: #d8baff;
   min-height: 0.205rem; }
 
 .sidebar-todo-item {
   padding-right: 0.545rem; }
 
 .sidebar-todo-item-even {
-  background-color: rgba(18, 18, 18, 0.1); }
+  background-color: rgba(41, 38, 43, 0.1); }
 
 .sidebar-todo-item-action {
   border-radius: 9999px;
@@ -1694,49 +1704,49 @@ tooltip {
 
 .sidebar-todo-item-action:hover,
 .sidebar-todo-item-action:focus {
-  background-color: rgba(47, 47, 47, 0.31); }
+  background-color: rgba(70, 67, 72, 0.31); }
 
 .sidebar-todo-item-action:active {
-  background-color: rgba(80, 80, 80, 0.31); }
+  background-color: rgba(100, 97, 101, 0.31); }
 
 .sidebar-todo-crosser {
   transition: margin 200ms cubic-bezier(0.1, 1, 0, 1), background-color 0ms;
   min-width: 0rem; }
 
 .sidebar-todo-crosser-crossed {
-  background-color: #e2e2e2; }
+  background-color: #e7e1e6; }
 
 .sidebar-todo-crosser-removed {
-  background-color: #e2e2e2; }
+  background-color: #ffb4a9; }
 
 .sidebar-clipboard-item {
   border-radius: 0.818rem;
   min-height: 2.045rem;
   padding: 0.341rem;
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4357;
+  color: #eaddf7; }
 
 .sidebar-clipboard-item:hover,
 .sidebar-clipboard-item:focus {
-  background-color: #434343; }
+  background-color: #5b5267; }
 
 .sidebar-clipboard-item:active {
-  background-color: #545454; }
+  background-color: #6b6277; }
 
 .sidebar-todo-new {
   border-radius: 9999px;
   -gtk-outline-radius: 9999px;
-  color: #e2e2e2;
+  color: #eaddf7;
   margin: 0.341rem;
   padding: 0.205rem 0.545rem;
-  border: 0.068rem solid #e2e2e2; }
+  border: 0.068rem solid #e7e1e6; }
 
 .sidebar-todo-new:hover,
 .sidebar-todo-new:focus {
-  background-color: #363636; }
+  background-color: #50485c; }
 
 .sidebar-todo-new:active {
-  background-color: #545454; }
+  background-color: #6b6277; }
 
 .sidebar-todo-add {
   border-radius: 9999px;
@@ -1744,15 +1754,15 @@ tooltip {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
   min-width: 1.705rem;
   min-height: 1.705rem;
-  color: #e2e2e2;
-  border: 0.068rem solid #e2e2e2; }
+  color: #eaddf7;
+  border: 0.068rem solid #e7e1e6; }
 
 .sidebar-todo-add:hover,
 .sidebar-todo-add:focus {
-  background-color: #363636; }
+  background-color: #50485c; }
 
 .sidebar-todo-add:active {
-  background-color: #545454; }
+  background-color: #6b6277; }
 
 .sidebar-todo-add-available {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
@@ -1760,44 +1770,44 @@ tooltip {
   -gtk-outline-radius: 9999px;
   min-width: 1.705rem;
   min-height: 1.705rem;
-  background-color: #e2e2e2;
-  color: #000000;
-  border: 0.068rem solid #e2e2e2; }
+  background-color: #d8baff;
+  color: #3e1b6f;
+  border: 0.068rem solid #d8baff; }
 
 .sidebar-todo-add-available:hover,
 .sidebar-todo-add-available:focus {
-  background-color: #dbdbdb; }
+  background-color: #d3b5fb; }
 
 .sidebar-todo-add-available:active {
-  background-color: #b5b5b5; }
+  background-color: #b99ae2; }
 
 .sidebar-todo-entry {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
   border-radius: 0.818rem;
   -gtk-outline-radius: 0.818rem;
-  background-color: #121212;
-  color: #e2e2e2;
-  caret-color: #e2e2e2;
+  background-color: #29262b;
+  color: #cbc4ce;
+  caret-color: #cbc4ce;
   margin: 0rem 0.341rem;
   min-height: 1.773rem;
   min-width: 0rem;
   padding: 0.205rem 0.682rem;
-  border: 0.068rem solid #7a7a7a; }
+  border: 0.068rem solid #7a757d; }
 
 .sidebar-todo-entry:focus {
-  border: 0.068rem solid #cdcdcd; }
+  border: 0.068rem solid #bbb4be; }
 
 .sidebar-module {
   border-radius: 1.159rem;
   -gtk-outline-radius: 1.159rem;
   padding: 0.341rem;
-  background-color: rgba(2, 2, 2, 0.31); }
+  background-color: rgba(30, 28, 32, 0.31); }
 
 .sidebar-module-btn-arrow {
   border-radius: 9999px;
   -gtk-outline-radius: 9999px;
   font-family: 'Material Symbols Rounded', 'Material Symbols Outlined', 'Material Symbols Sharp';
-  background-color: rgba(18, 18, 18, 0.31);
+  background-color: rgba(41, 38, 43, 0.31);
   min-width: 1.705rem;
   min-height: 1.705rem; }
 
@@ -1805,17 +1815,19 @@ tooltip {
   border-radius: 9999px;
   -gtk-outline-radius: 9999px;
   padding: 0.341rem;
-  background-color: #020202; }
+  background-color: rgba(30, 28, 32, 0.31); }
 
 .sidebar-chat-apiswitcher-icon {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
   border-radius: 9999px;
   -gtk-outline-radius: 9999px;
   min-width: 2.182rem;
   min-height: 2.182rem;
-  color: #e2e2e2; }
+  color: #e7e1e6; }
 
 .sidebar-chat-apiswitcher-icon-enabled {
-  color: #e2e2e2; }
+  background-color: #4b4357;
+  color: #eaddf7; }
 
 .sidebar-chat-viewport {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
@@ -1824,12 +1836,12 @@ tooltip {
 .sidebar-chat-textarea {
   border-radius: 1.159rem;
   -gtk-outline-radius: 1.159rem;
-  border: 0.068rem solid #656565;
+  border: 0.068rem solid #6a656c;
   padding: 0.682rem; }
 
 .sidebar-chat-entry {
-  color: #e2e2e2;
-  caret-color: #e2e2e2;
+  color: #cbc4ce;
+  caret-color: #cbc4ce;
   min-height: 1.773rem;
   min-width: 0rem; }
 
@@ -1838,25 +1850,25 @@ tooltip {
   min-width: 1.705rem;
   min-height: 1.705rem;
   border-radius: 0.478rem;
-  background-color: #656565; }
+  background-color: #6a656c; }
 
 .sidebar-chat-send:hover,
 .sidebar-chat-send:focus {
-  background-color: dimgray; }
+  background-color: #6e6970; }
 
 .sidebar-chat-send:active {
-  background-color: #7e7e7e; }
+  background-color: #847d88; }
 
 .sidebar-chat-send-available {
-  background-color: #e2e2e2;
-  color: #000000; }
+  background-color: #d8baff;
+  color: #3e1b6f; }
 
 .sidebar-chat-send-available:hover,
 .sidebar-chat-send-available:focus {
-  background-color: #dbdbdb; }
+  background-color: #d3b5fb; }
 
 .sidebar-chat-send-available:active {
-  background-color: #b5b5b5; }
+  background-color: #b99ae2; }
 
 .sidebar-chat-message {
   margin: 0.682rem; }
@@ -1867,13 +1879,13 @@ tooltip {
   min-width: 0.136rem; }
 
 .sidebar-chat-indicator-user {
-  background-color: #e2e2e2; }
+  background-color: #e7e1e6; }
 
 .sidebar-chat-indicator-bot {
-  background-color: #e2e2e2; }
+  background-color: #d8baff; }
 
 .sidebar-chat-indicator-System {
-  background-color: #e2e2e2; }
+  background-color: #cec2da; }
 
 .sidebar-chat-name {
   font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif;
@@ -1893,19 +1905,19 @@ tooltip {
 .sidebar-chat-codeblock {
   border-radius: 1.159rem;
   -gtk-outline-radius: 1.159rem;
-  background-color: rgba(60, 60, 60, 0.31);
-  color: #e2e2e2;
+  background-color: rgba(73, 70, 76, 0.31);
+  color: #cbc4ce;
   margin: 0rem 0.682rem;
-  border: 0.068rem solid rgba(226, 226, 226, 0.07); }
+  border: 0.068rem solid rgba(234, 221, 247, 0.07); }
 
 .sidebar-chat-codeblock-topbar {
   font-family: 'Rubik', 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
   margin: 0.273rem;
   margin-bottom: 0rem;
-  background-color: #313131;
-  color: #e2e2e2;
+  background-color: #4b4357;
+  color: #eaddf7;
   border-radius: 0.886rem;
-  border: 0.068rem solid #434343;
+  border: 0.068rem solid #5b5267;
   border-top-left-radius: 0.886rem;
   border-top-right-radius: 0.886rem;
   padding: 0.341rem 0.477rem; }
@@ -1922,10 +1934,10 @@ tooltip {
 
 .sidebar-chat-codeblock-topbar-btn:hover,
 .sidebar-chat-codeblock-topbar-btn:focus {
-  background-color: #545454; }
+  background-color: #6b6277; }
 
 .sidebar-chat-codeblock-topbar-btn:active {
-  background-color: #787878; }
+  background-color: #8b8197; }
 
 .sidebar-chat-codeblock-code {
   font-family: 'JetBrains Mono NF', 'JetBrains Mono Nerd Font', 'JetBrains Mono NL', 'SpaceMono NF', 'SpaceMono Nerd Font', monospace;
@@ -1933,7 +1945,7 @@ tooltip {
 
 .sidebar-chat-divider {
   min-height: 1px;
-  background-color: #656565;
+  background-color: #6a656c;
   margin: 0rem 0.545rem; }
 
 .sidebar-chat-welcome-txt {
@@ -1964,19 +1976,19 @@ tooltip {
   padding: 0.341rem 0.477rem; }
 
 .sidebar-chat-chip-action {
-  border: 0.068rem solid #656565; }
+  border: 0.068rem solid #6a656c; }
 
 .sidebar-chat-chip-action:hover,
 .sidebar-chat-chip-action:focus {
-  background-color: #656565; }
+  background-color: #6a656c; }
 
 .sidebar-chat-chip-action:active {
-  background-color: #8b8b8b;
-  color: #4c4c4c; }
+  background-color: #878289;
+  color: #575259; }
 
 .sidebar-chat-chip-action-active {
-  color: #656565;
-  border: 0.068rem solid #656565; }
+  color: #6a656c;
+  border: 0.068rem solid #6a656c; }
 
 .sidebar-pin {
   border-radius: 0.818rem;
@@ -1984,47 +1996,47 @@ tooltip {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
   min-height: 2.386rem;
   min-width: 2.386rem;
-  color: #e2e2e2; }
+  color: #e7e1e6; }
 
 .sidebar-pin:hover,
 .sidebar-pin:focus {
-  background-color: rgba(96, 96, 96, 0.379); }
+  background-color: rgba(102, 98, 104, 0.379); }
 
 .sidebar-pin:active {
-  background-color: #464646; }
+  background-color: #524e54; }
 
 .sidebar-pin-enabled {
-  background-color: #e2e2e2; }
+  background-color: #d8baff; }
   .sidebar-pin-enabled label {
-    color: #000000; }
+    color: #3e1b6f; }
 
 .sidebar-pin-enabled:hover,
 .sidebar-pin-enabled:focus {
-  background-color: #cbcbcb; }
+  background-color: #c9aaf1; }
 
 .sidebar-pin-enabled:active {
-  background-color: #b5b5b5; }
+  background-color: #b99ae2; }
 
 .session-bg {
   margin-top: -2.727rem;
-  background-color: rgba(7, 7, 7, 0.64); }
+  background-color: rgba(15, 13, 16, 0.64); }
 
 .session-button {
   border-radius: 1.705rem;
   -gtk-outline-radius: 1.705rem;
   min-width: 8.182rem;
   min-height: 8.182rem;
-  background-color: #121212;
-  color: #e2e2e2;
+  background-color: #29262b;
+  color: #cbc4ce;
   font-size: 3rem; }
 
 .session-button-focused {
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4357;
+  color: #eaddf7; }
 
 .session-button-desc {
-  background-color: #0a0a0a;
-  color: #e2e2e2;
+  background-color: #242126;
+  color: #d9d3da;
   border-bottom-left-radius: 1.705rem;
   border-bottom-right-radius: 1.705rem;
   padding: 0.205rem 0.341rem;
@@ -2035,31 +2047,31 @@ tooltip {
   -gtk-outline-radius: 1.705rem;
   min-width: 8.182rem;
   min-height: 5.455rem;
-  background-color: #121212;
-  color: #e2e2e2;
+  background-color: #29262b;
+  color: #cbc4ce;
   font-size: 3rem; }
 
 .notif-low {
   border-radius: 1.159rem;
   -gtk-outline-radius: 1.159rem;
-  background-color: rgba(18, 18, 18, 0.45);
-  color: #e2e2e2;
+  background-color: rgba(41, 38, 43, 0.45);
+  color: #cbc4ce;
   padding: 0.818rem;
   padding-right: 1.363rem; }
 
 .notif-normal {
   border-radius: 1.159rem;
   -gtk-outline-radius: 1.159rem;
-  background-color: rgba(18, 18, 18, 0.45);
-  color: #e2e2e2;
+  background-color: rgba(41, 38, 43, 0.45);
+  color: #cbc4ce;
   padding: 0.818rem;
   padding-right: 1.363rem; }
 
 .notif-critical {
   border-radius: 1.159rem;
   -gtk-outline-radius: 1.159rem;
-  background-color: #313131;
-  color: #e2e2e2;
+  background-color: #4b4357;
+  color: #eaddf7;
   padding: 0.818rem;
   padding-right: 1.363rem; }
 
@@ -2067,8 +2079,8 @@ tooltip {
   border-radius: 1.159rem;
   -gtk-outline-radius: 1.159rem;
   min-width: 30.682rem;
-  background-color: #070707;
-  color: #e2e2e2;
+  background-color: #0f0d10;
+  color: #cbc4ce;
   padding: 0.818rem;
   padding-right: 1.363rem; }
 
@@ -2076,8 +2088,8 @@ tooltip {
   border-radius: 1.159rem;
   -gtk-outline-radius: 1.159rem;
   min-width: 30.682rem;
-  background-color: #070707;
-  color: #e2e2e2;
+  background-color: #0f0d10;
+  color: #cbc4ce;
   padding: 0.818rem;
   padding-right: 1.363rem; }
 
@@ -2085,19 +2097,19 @@ tooltip {
   border-radius: 1.159rem;
   -gtk-outline-radius: 1.159rem;
   min-width: 30.682rem;
-  background-color: #313131;
-  color: #e2e2e2;
+  background-color: #4b4357;
+  color: #eaddf7;
   padding: 0.818rem;
   padding-right: 1.363rem; }
 
 .notif-body-low {
-  color: #9d9d9d; }
+  color: #969098; }
 
 .notif-body-normal {
-  color: #9d9d9d; }
+  color: #969098; }
 
 .notif-body-critical {
-  color: #a8a8a8; }
+  color: #b6aac2; }
 
 .notif-icon {
   border-radius: 9999px;
@@ -2106,20 +2118,20 @@ tooltip {
   min-height: 3.409rem; }
 
 .notif-icon-material {
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4357;
+  color: #eaddf7; }
 
 .notif-icon-material-low {
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4357;
+  color: #eaddf7; }
 
 .notif-icon-material-normal {
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4357;
+  color: #eaddf7; }
 
 .notif-icon-material-critical {
-  background-color: #e2e2e2;
-  color: #313131; }
+  background-color: #eaddf7;
+  color: #4b4357; }
 
 .notif-expand-btn {
   border-radius: 1.159rem;
@@ -2149,7 +2161,7 @@ tooltip {
 .osd-notif {
   border-radius: 1.159rem;
   -gtk-outline-radius: 1.159rem;
-  background-color: rgba(7, 7, 7, 0.46);
+  background-color: rgba(15, 13, 16, 0.46);
   min-width: 30.682rem; }
 
 .notif-circprog-low {
@@ -2157,21 +2169,61 @@ tooltip {
   min-width: 0.136rem;
   min-height: 3.409rem;
   padding: 0rem;
-  color: #e2e2e2; }
+  color: #eaddf7; }
 
 .notif-circprog-normal {
   transition: 0ms linear;
   min-width: 0.136rem;
   min-height: 3.409rem;
   padding: 0rem;
-  color: #e2e2e2; }
+  color: #eaddf7; }
 
 .notif-circprog-critical {
   transition: 0ms linear;
   min-width: 0.136rem;
   min-height: 3.409rem;
   padding: 0rem;
-  color: #313131; }
+  color: #4b4357; }
+
+.notif-actions {
+  min-height: 2.045rem; }
+
+.notif-action {
+  border-radius: 0.818rem;
+  -gtk-outline-radius: 0.818rem; }
+
+.notif-action-low {
+  background-color: rgba(41, 38, 43, 0.5);
+  color: #cbc4ce; }
+
+.notif-action-low:focus,
+.notif-action-low:hover {
+  background-color: rgba(52, 49, 54, 0.481); }
+
+.notif-action-low:active {
+  background-color: rgba(58, 55, 60, 0.4715); }
+
+.notif-action-normal {
+  background-color: rgba(41, 38, 43, 0.5);
+  color: #cbc4ce; }
+
+.notif-action-normal:focus,
+.notif-action-normal:hover {
+  background-color: rgba(52, 49, 54, 0.481); }
+
+.notif-action-normal:active {
+  background-color: rgba(58, 55, 60, 0.4715); }
+
+.notif-action-critical {
+  background-color: rgba(203, 196, 206, 0.31);
+  color: #cbc4ce; }
+
+.notif-action-critical:focus,
+.notif-action-critical:hover {
+  background-color: rgba(52, 49, 54, 0.481); }
+
+.notif-action-critical:active {
+  background-color: rgba(58, 55, 60, 0.4715); }
 
 .osd-music {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
@@ -2181,9 +2233,9 @@ tooltip {
   border-radius: 1.159rem;
   -gtk-outline-radius: 1.159rem;
   min-width: 29.659rem;
-  background-color: #070707;
+  background-color: #0f0d10;
   padding: 0rem 1.023rem;
-  background: linear-gradient(127deg, rgba(15, 15, 15, 0.7), rgba(15, 15, 15, 0.55) 70.71%), linear-gradient(217deg, rgba(32, 32, 32, 0.7), rgba(32, 32, 32, 0.55) 70.71%), radial-gradient(circle at 0% 100%, #313131 13%, rgba(0, 0, 0, 0) 100%), linear-gradient(336deg, rgba(49, 49, 49, 0.7), rgba(49, 49, 49, 0.55) 70.71%), linear-gradient(#070707, #070707); }
+  background: linear-gradient(127deg, rgba(33, 30, 35, 0.7), rgba(33, 30, 35, 0.55) 70.71%), linear-gradient(217deg, rgba(74, 69, 78, 0.7), rgba(74, 69, 78, 0.55) 70.71%), radial-gradient(circle at 0% 100%, #4b4357 13%, rgba(0, 0, 0, 0) 100%), linear-gradient(336deg, rgba(75, 67, 87, 0.7), rgba(75, 67, 87, 0.55) 70.71%), linear-gradient(#0f0d10, #0f0d10); }
 
 .osd-music-cover-fallback {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
@@ -2191,8 +2243,8 @@ tooltip {
   -gtk-outline-radius: 0.818rem;
   min-width: 7.5rem;
   min-height: 7.5rem;
-  background-color: rgba(2, 2, 2, 0.31);
-  color: #cfcfcf; }
+  background-color: rgba(30, 28, 32, 0.31);
+  color: #d7d1d7; }
 
 .osd-music-cover {
   border-radius: 0.818rem;
@@ -2218,13 +2270,13 @@ tooltip {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
   font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif;
   font-size: 1.364rem;
-  color: #cfcfcf; }
+  color: #d7d1d7; }
 
 .osd-music-artists {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
   font-family: 'Rubik', 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
   font-size: 0.955rem;
-  color: rgba(193, 193, 193, 0.9); }
+  color: rgba(202, 196, 203, 0.9); }
 
 .osd-music-pill {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
@@ -2233,8 +2285,8 @@ tooltip {
   font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif;
   min-width: 1.833rem;
   padding: 0.273rem 0.682rem;
-  background-color: rgba(26, 26, 26, 0.5);
-  color: #cfcfcf; }
+  background-color: rgba(51, 46, 55, 0.5);
+  color: #d7d1d7; }
 
 .osd-music-controls {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
@@ -2243,8 +2295,8 @@ tooltip {
   font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif;
   min-width: 1.833rem;
   padding: 0.205rem;
-  background-color: rgba(26, 26, 26, 0.5);
-  color: #cfcfcf; }
+  background-color: rgba(51, 46, 55, 0.5);
+  color: #d7d1d7; }
 
 .osd-music-controlbtn {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
@@ -2255,10 +2307,10 @@ tooltip {
 
 .osd-music-controlbtn:hover,
 .osd-music-controlbtn:focus {
-  background-color: rgba(71, 71, 71, 0.55); }
+  background-color: rgba(92, 87, 95, 0.55); }
 
 .osd-music-controlbtn:active {
-  background-color: rgba(89, 89, 89, 0.575); }
+  background-color: rgba(108, 102, 110, 0.575); }
 
 .osd-music-controlbtn-txt {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
@@ -2272,15 +2324,15 @@ tooltip {
   min-width: 0.409rem;
   min-height: 3.068rem;
   padding: 0.273rem;
-  color: #cfcfcf; }
+  color: #d7d1d7; }
 
 .osd-music-playstate {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
   min-height: 3.068rem;
   min-width: 3.068rem;
   border-radius: 10rem;
-  background-color: rgba(26, 26, 26, 0.5);
-  color: #cfcfcf; }
+  background-color: rgba(51, 46, 55, 0.5);
+  color: #d7d1d7; }
 
 .osd-music-playstate-btn > label {
   transition: 50ms cubic-bezier(0.05, 0.7, 0.1, 1);
diff --git a/.config/ags/widgets/indicators/indicatorvalues.js b/.config/ags/widgets/indicators/indicatorvalues.js
index 74c4f641d..6cf42a35e 100644
--- a/.config/ags/widgets/indicators/indicatorvalues.js
+++ b/.config/ags/widgets/indicators/indicatorvalues.js
@@ -3,6 +3,7 @@ const { GLib, Gtk } = imports.gi;
 import { App, Service, Utils, Widget } from '../../imports.js';
 import Audio from 'resource:///com/github/Aylur/ags/service/audio.js';
 const { Box, Label, ProgressBar, Revealer } = Widget;
+import { MarginRevealer } from '../../lib/advancedrevealers.js';
 import Brightness from '../../services/brightness.js';
 import Indicator from '../../services/indicator.js';
 
@@ -56,11 +57,14 @@ const volumeIndicator = OsdValue('Volume',
     }]],
 );
 
-export default () => Revealer({
+export default () => MarginRevealer({
     transition: 'slide_down',
+    showClass: 'osd-show',
+    hideClass: 'osd-hide',
     connections: [
         [Indicator, (revealer, value) => {
-            revealer.revealChild = (value > -1);
+            if(value > -1) revealer._show(revealer);
+            else revealer._hide(revealer);
         }, 'popup'],
     ],
     child: Box({
diff --git a/.config/ags/widgets/indicators/musiccontrols.js b/.config/ags/widgets/indicators/musiccontrols.js
index d638a5f0f..7e59f5a50 100644
--- a/.config/ags/widgets/indicators/musiccontrols.js
+++ b/.config/ags/widgets/indicators/musiccontrols.js
@@ -4,6 +4,7 @@ const { exec, execAsync } = Utils;
 import Mpris from 'resource:///com/github/Aylur/ags/service/mpris.js';
 
 const { Box, EventBox, Icon, Scrollable, Label, Button, Revealer } = Widget;
+import { MarginRevealer } from '../../lib/advancedrevealers.js';
 import { AnimatedCircProg } from "../../lib/animatedcircularprogress.js";
 import { MaterialIcon } from '../../lib/materialicon.js';
 import { showMusicControls } from '../../variables.js';
@@ -343,9 +344,11 @@ const MusicControlsWidget = (player) => Box({
     ]
 })
 
-export default () => Widget.Revealer({
+export default () => MarginRevealer({
     transition: 'slide_down',
-    transitionDuration: 170,
+    revealChild: false,
+    showClass: 'osd-show',
+    hideClass: 'osd-hide',
     child: Box({
         connections: [[Mpris, box => {
             let foundPlayer = false;
@@ -371,7 +374,8 @@ export default () => Widget.Revealer({
     }),
     connections: [
         [showMusicControls, (revealer) => {
-            revealer.revealChild = showMusicControls.value;
+            if(showMusicControls.value) revealer._show(revealer);
+            else revealer._hide(revealer);
         }],
     ],
 })