From 81bf723d12544a201b308f39128ef6aaed633c58 Mon Sep 17 00:00:00 2001
From: end-4 <97237370+end-4@users.noreply.github.com>
Date: Wed, 27 Dec 2023 00:26:48 +0700
Subject: [PATCH] allow sidebar pinning

---
 .config/ags/scss/_overview.scss               |   4 +
 .config/ags/scss/_sidebars.scss               |  35 +-
 .config/ags/scss/main.scss                    |   5 +
 .config/ags/style.css                         | 757 +++++++++---------
 .config/ags/widgets/dock/dock.js              |   4 +-
 .config/ags/widgets/overview/main.js          |   2 +-
 .config/ags/widgets/overview/overview.js      |   1 +
 .config/ags/widgets/sideleft/main.js          |   1 +
 .config/ags/widgets/sideleft/sideleft.js      |  44 +-
 .config/ags/widgets/sideright/calendar.js     |   5 +-
 .config/ags/widgets/sideright/quicktoggles.js |   8 +-
 .config/ags/widgets/sideright/sideright.js    |   1 +
 12 files changed, 491 insertions(+), 376 deletions(-)

diff --git a/.config/ags/scss/_overview.scss b/.config/ags/scss/_overview.scss
index 5f3f98e75..8cea4d76f 100644
--- a/.config/ags/scss/_overview.scss
+++ b/.config/ags/scss/_overview.scss
@@ -1,3 +1,7 @@
+.overview-window {
+    margin-top: 2.727rem;
+}
+
 .overview-search-box {
     @include menu_decel;
     @include large-rounding;
diff --git a/.config/ags/scss/_sidebars.scss b/.config/ags/scss/_sidebars.scss
index c2719789b..61618d2f8 100644
--- a/.config/ags/scss/_sidebars.scss
+++ b/.config/ags/scss/_sidebars.scss
@@ -332,7 +332,7 @@ $onChatgpt: $onPrimary;
 
 .sidebar-selector-tab {
     @include small-rounding;
-    transition: 0ms;
+    @include menu_decel;
     min-height: 2.5rem;
     color: $onSurface;
 }
@@ -687,4 +687,37 @@ $onChatgpt: $onPrimary;
 .sidebar-chat-chip-action-active {
     color: $sidebar_chat_textboxareaColor;
     border: 0.068rem solid $sidebar_chat_textboxareaColor;
+}
+
+.sidebar-pin {
+    @include small-rounding;
+    @include menu_decel;
+    min-height: 2.386rem;
+    min-width: 2.386rem;
+    color: $onSurface;
+}
+
+.sidebar-pin:hover,
+.sidebar-pin:focus {
+    background-color: mix($t_surfaceVariant, $onSurfaceVariant, 90%);
+}
+
+.sidebar-pin:active {
+    background-color: mix($surfaceVariant, $onSurfaceVariant, 75%);
+}
+
+.sidebar-pin-enabled {
+    background-color: $primary;
+    label {
+        color: $onPrimary;
+    }
+}
+
+.sidebar-pin-enabled:hover,
+.sidebar-pin-enabled:focus {
+    background-color: mix($primary, $onPrimary, 90%);
+}
+
+.sidebar-pin-enabled:active {
+    background-color: mix($primary, $onPrimary, 80%);
 }
\ No newline at end of file
diff --git a/.config/ags/scss/main.scss b/.config/ags/scss/main.scss
index e6228c0bf..45b200385 100644
--- a/.config/ags/scss/main.scss
+++ b/.config/ags/scss/main.scss
@@ -32,3 +32,8 @@
 .fadingRadial {
     transition: 50ms cubic-bezier(0.2, 0.0, 0, 1.0);
 }
+.sidebar-pinned {
+    margin: 0rem;
+    border-radius: 0rem;
+    border: 0rem solid transparent;
+}
\ No newline at end of file
diff --git a/.config/ags/style.css b/.config/ags/style.css
index 688db91c3..cbded551c 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: #d6baff; }
 
 .txt-onSecondaryContainer {
-  color: #e2e2e2; }
+  color: #eadef7; }
 
 .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; }
@@ -331,10 +331,10 @@
   transition: 300ms cubic-bezier(0.1, 1, 0, 1); }
 
 * {
-  caret-color: #e2e2e2; }
+  caret-color: #d6baff; }
   * selection {
-    background-color: #e2e2e2;
-    color: #000000; }
+    background-color: #cec2db;
+    color: #342d40; }
 
 @keyframes appear {
   from {
@@ -349,13 +349,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: #28262b;
+  color: #cbc4cf;
   border-radius: 1.159rem;
   -gtk-outline-radius: 1.159rem;
   animation-name: appear;
@@ -378,53 +378,53 @@ menu > menuitem {
 
 menu > menuitem:hover,
 menu > menuitem:focus {
-  background-color: #272727; }
+  background-color: #38363b; }
 
 .separator-line {
-  background-color: #121212;
+  background-color: #28262b;
   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: #28262b;
+  color: #cbc4cf;
+  border: 1px solid #cbc4cf; }
 
 .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: #d6baff;
+  border: 0.136rem solid #d6baff; }
 
 .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: #3d1c70;
+  color: #d6baff;
   min-width: 1.431rem;
   min-height: 1.431rem;
   margin-left: 1.431rem; }
@@ -437,14 +437,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 {
@@ -453,21 +453,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: #28262b;
+  color: #cbc4cf; }
 
 .segment-btn-enabled {
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4358;
+  color: #eadef7; }
 
 .segment-btn-enabled:hover,
 .segment-btn-enabled:focus {
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4358;
+  color: #eadef7; }
 
 .gap-v-5 {
   min-height: 0.341rem; }
@@ -488,7 +488,7 @@ tooltip {
   min-width: 1.023rem; }
 
 .bar-bg {
-  background-color: #070707;
+  background-color: #0f0d10;
   min-height: 2.727rem; }
 
 .bar-sidespace {
@@ -498,7 +498,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;
@@ -570,18 +570,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;
@@ -601,8 +601,8 @@ tooltip {
   min-width: 1.5rem;
   font-size: 1.091rem;
   font-family: 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
-  background-color: #e2e2e2;
-  color: #000000;
+  background-color: #d6baff;
+  color: #3d1c70;
   border-radius: 999px;
   margin: 0.068rem; }
 
@@ -614,67 +614,67 @@ tooltip {
   margin: 0rem 0.409rem; }
 
 .bar-ws-occupied {
-  background-color: #313131;
-  color: #e2e2e2;
+  background-color: #4b4358;
+  color: #eadef7;
   min-width: 1.772rem;
-  border-top: 0.068rem solid #e2e2e2;
-  border-bottom: 0.068rem solid #e2e2e2; }
+  border-top: 0.068rem solid #eadef7;
+  border-bottom: 0.068rem solid #eadef7; }
 
 .bar-ws-occupied-left {
-  background-color: #313131;
-  color: #e2e2e2;
+  background-color: #4b4358;
+  color: #eadef7;
   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 #eadef7;
+  border-top: 0.068rem solid #eadef7;
+  border-bottom: 0.068rem solid #eadef7;
   border-right: 0px solid transparent; }
 
 .bar-ws-occupied-right {
-  background-color: #313131;
-  color: #e2e2e2;
+  background-color: #4b4358;
+  color: #eadef7;
   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 #eadef7;
+  border-top: 0.068rem solid #eadef7;
+  border-bottom: 0.068rem solid #eadef7;
   border-left: 0px solid transparent; }
 
 .bar-ws-occupied-left-right {
   border-radius: 9999px;
   -gtk-outline-radius: 9999px;
-  background-color: #313131;
-  color: #e2e2e2;
+  background-color: #4b4358;
+  color: #eadef7;
   min-width: 1.636rem;
-  border: 0.068rem solid #e2e2e2; }
+  border: 0.068rem solid #eadef7; }
 
 .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: #4b4358;
+  color: #eadef7; }
 
 .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;
@@ -684,23 +684,23 @@ tooltip {
   min-height: 1.770rem;
   min-width: 1.770rem;
   border-radius: 10rem;
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4358;
+  color: #eadef7; }
 
 .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: #4b4358;
+  color: #eadef7; }
 
 .bar-music-playstate-playing {
   min-height: 1.770rem;
   min-width: 1.770rem;
   border-radius: 10rem;
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4358;
+  color: #eadef7; }
 
 .bar-music-playstate-txt {
   transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
@@ -768,10 +768,10 @@ tooltip {
     min-width: 0.680rem;
     margin: 0rem 0.137rem;
     border-radius: 10rem;
-    background-color: #e2e2e2; }
+    background-color: #eadef7; }
 
 .bar-prog-batt-low progress {
-  background-color: #000000; }
+  background-color: #930006; }
 
 .bar-prog-batt-full progress {
   background-color: #d1e9d6; }
@@ -784,18 +784,18 @@ tooltip {
   border-radius: 10rem;
   min-width: 0.681rem;
   min-height: 0.681rem;
-  background-color: #e2e2e2;
-  color: #313131; }
+  background-color: #eadef7;
+  color: #4b4358; }
 
 .bar-batt-chargestate-charging-smaller {
   border-radius: 10rem;
   min-width: 0.409rem;
   min-height: 0.409rem;
-  background-color: #e2e2e2;
-  color: #313131; }
+  background-color: #eadef7;
+  color: #4b4358; }
 
 .bar-batt-chargestate-low {
-  background-color: #000000; }
+  background-color: #930006; }
 
 .bar-batt-chargestate-full {
   background-color: #d1e9d6; }
@@ -806,7 +806,7 @@ tooltip {
   font-weight: 500; }
 
 .corner {
-  background-color: #070707;
+  background-color: #0f0d10;
   border-radius: 1.705rem;
   -gtk-outline-radius: 1.705rem; }
 
@@ -818,7 +818,7 @@ tooltip {
 .bar-topdesc {
   margin-top: -0.136rem;
   margin-bottom: -0.341rem;
-  color: #a0a0a0; }
+  color: #a6a1a6; }
 
 .bar-space-button {
   padding: 0.341rem; }
@@ -860,22 +860,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 {
@@ -886,16 +886,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: #d6baff;
+  border: 0.068rem solid #d6baff;
+  box-shadow: 0rem 0.136rem 0rem #d6baff;
   font-weight: 500; }
 
 .cheatsheet-key-notkey {
   min-height: 1.364rem;
   padding: 0.136rem 0.205rem;
   margin: 0.17rem;
-  color: #e2e2e2; }
+  color: #ecdcff; }
 
 .cheatsheet-closebtn {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
@@ -906,10 +906,10 @@ tooltip {
 
 .cheatsheet-closebtn:hover,
 .cheatsheet-closebtn:focus {
-  background-color: #121212; }
+  background-color: #28262b; }
 
 .cheatsheet-closebtn:active {
-  background-color: #505050; }
+  background-color: #59555c; }
 
 .cheatsheet-category-title {
   font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif;
@@ -924,12 +924,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;
@@ -940,12 +940,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: #eadef7; }
 
 .bg-graph {
   color: rgba(255, 255, 255, 0.5);
@@ -954,25 +954,25 @@ tooltip {
 
 .bg-quicklaunch-title {
   font-family: 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
-  color: #e2e2e2; }
+  color: #cbc4cf; }
 
 .bg-quicklaunch-btn {
   font-family: '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: #28262b;
+  color: #cbc4cf;
+  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: #302e33; }
 
 .bg-quicklaunch-btn:active {
-  background-color: #272727; }
+  background-color: #38363b; }
 
 .bg-system-bg {
   border-radius: 1.159rem;
@@ -984,14 +984,14 @@ tooltip {
   min-height: 4.091rem;
   font-size: 0px;
   padding: 0rem;
-  background-color: #121212; }
+  background-color: #28262b; }
 
 .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 {
@@ -1001,10 +1001,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;
@@ -1012,14 +1012,14 @@ tooltip {
 
 .dock-separator {
   min-width: 0.068rem;
-  background-color: #121212; }
+  background-color: #28262b; }
 
 .osd-bg {
   min-width: 8.864rem;
   min-height: 3.409rem; }
 
 .osd-value {
-  background-color: #070707;
+  background-color: #0f0d10;
   border-radius: 1.023rem;
   padding: 0.625rem 1.023rem;
   padding-top: 0.313rem;
@@ -1037,36 +1037,36 @@ tooltip {
     min-height: 0.954rem;
     min-width: 0.068rem;
     border-radius: 10rem;
-    background-color: #313131; }
+    background-color: #4b4358; }
   .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: #eadef7; }
 
 .osd-icon {
-  color: #e2e2e2; }
+  color: #ecdcff; }
 
 .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; }
@@ -1084,74 +1084,77 @@ tooltip {
     margin: 0.409rem; }
 
 .osd-color-primary {
-  background-color: #e2e2e2;
-  color: #000000; }
+  background-color: #d6baff;
+  color: #3d1c70; }
   .osd-color-primary box {
-    background-color: #000000; }
+    background-color: #3d1c70; }
 
 .osd-color-primaryContainer {
-  background-color: #6b6b6b;
-  color: #e2e2e2; }
+  background-color: #543588;
+  color: #ecdcff; }
   .osd-color-primaryContainer box {
-    background-color: #e2e2e2; }
+    background-color: #ecdcff; }
 
 .osd-color-secondary {
-  background-color: #e2e2e2;
-  color: #000000; }
+  background-color: #cec2db;
+  color: #342d40; }
   .osd-color-secondary box {
-    background-color: #000000; }
+    background-color: #342d40; }
 
 .osd-color-secondaryContainer {
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4358;
+  color: #eadef7; }
   .osd-color-secondaryContainer box {
-    background-color: #e2e2e2; }
+    background-color: #eadef7; }
 
 .osd-color-surfaceVariant {
-  background-color: #121212;
-  color: #e2e2e2; }
+  background-color: #28262b;
+  color: #cbc4cf; }
   .osd-color-surfaceVariant box {
-    background-color: #e2e2e2; }
+    background-color: #cbc4cf; }
 
 .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; }
+
+.overview-window {
+  margin-top: 2.727rem; }
 
 .overview-search-box {
   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: #cec2db;
+    color: #342d40; }
 
 .overview-search-box-extended {
   min-width: 25.909rem;
-  caret-color: #e2e2e2; }
+  caret-color: #eadef7; }
 
 .overview-search-prompt {
-  color: #a0a0a0; }
+  color: #a6a1a6; }
 
 .overview-search-icon {
   margin: 0rem 1.023rem; }
@@ -1167,16 +1170,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;
@@ -1210,43 +1213,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: '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, 88, 0.5);
+  color: #eadef7;
+  border: 0.068rem solid rgba(234, 222, 247, 0.07); }
 
 .overview-tasks-window:hover,
 .overview-tasks-window:focus {
-  background-color: rgba(73, 73, 73, 0.525); }
+  background-color: rgba(94, 83, 111, 0.525); }
 
 .overview-tasks-window:active {
-  background-color: rgba(93, 93, 93, 0.55); }
+  background-color: rgba(110, 97, 130, 0.55); }
 
 .overview-tasks-window-selected {
-  background-color: rgba(93, 93, 93, 0.55); }
+  background-color: rgba(110, 97, 130, 0.55); }
 
 .overview-tasks-window-dragging {
   opacity: 0.2; }
@@ -1254,13 +1257,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;
@@ -1277,7 +1280,7 @@ tooltip {
 .osk-dragline {
   border-radius: 9999px;
   -gtk-outline-radius: 9999px;
-  background-color: #121212;
+  background-color: #28262b;
   min-height: 0.273rem;
   min-width: 10.227rem;
   margin-top: 0.545rem;
@@ -1285,22 +1288,22 @@ tooltip {
 
 .osk-key {
   border-radius: 0.682rem;
-  background-color: rgba(18, 18, 18, 0.31);
-  color: #e2e2e2;
+  background-color: rgba(40, 38, 43, 0.31);
+  color: #cbc4cf;
   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(56, 54, 59, 0.31); }
 
 .osk-key:active {
-  background-color: rgba(80, 80, 80, 0.31);
+  background-color: rgba(89, 85, 92, 0.31);
   font-size: 1.091rem; }
 
 .osk-key-active {
-  background-color: rgba(80, 80, 80, 0.31); }
+  background-color: rgba(89, 85, 92, 0.31); }
 
 .osk-key-normal {
   min-width: 2.5rem;
@@ -1328,31 +1331,31 @@ tooltip {
 
 .osk-control-button {
   border-radius: 0.682rem;
-  background-color: rgba(18, 18, 18, 0.31);
-  color: #e2e2e2;
+  background-color: rgba(40, 38, 43, 0.31);
+  color: #cbc4cf;
   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(56, 54, 59, 0.31); }
 
 .osk-control-button:active {
-  background-color: rgba(80, 80, 80, 0.31);
+  background-color: rgba(89, 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 {
@@ -1364,15 +1367,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 {
@@ -1386,12 +1389,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; }
@@ -1403,47 +1406,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: #6b6278; }
 
 .sidebar-iconbutton:active {
-  background-color: #787878; }
+  background-color: #8b8198; }
 
 .sidebar-button {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
   padding: 0rem 0.818rem;
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4358;
+  color: #eadef7; }
 
 .sidebar-button-nopad {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4358;
+  color: #eadef7; }
 
 .sidebar-button:hover,
 .sidebar-button:focus {
-  background-color: #545454; }
+  background-color: #6b6278; }
 
 .sidebar-button:active {
-  background-color: #787878; }
+  background-color: #8b8198; }
 
 .sidebar-button-nopad:hover,
 .sidebar-button-nopad:focus {
-  background-color: #545454; }
+  background-color: #6b6278; }
 
 .sidebar-button-nopad:active {
-  background-color: #787878; }
+  background-color: #8b8198; }
 
 .sidebar-button-left {
   border-top-left-radius: 0.818rem;
@@ -1462,20 +1465,20 @@ tooltip {
   -gtk-outline-radius: 0.818rem; }
 
 .sidebar-button-active {
-  background-color: #e2e2e2;
-  color: #000000; }
+  background-color: #d6baff;
+  color: #3d1c70; }
 
 .sidebar-button-active:hover,
 .sidebar-button-active:focus {
-  background-color: rgba(224, 224, 224, 0.93); }
+  background-color: rgba(212, 185, 253, 0.93); }
 
 .sidebar-button-active:active {
-  background-color: rgba(219, 219, 219, 0.79); }
+  background-color: rgba(208, 182, 246, 0.79); }
 
 .sidebar-buttons-separator {
   min-width: 0.068rem;
   min-height: 0.068rem;
-  background-color: #e2e2e2; }
+  background-color: #cbc4cf; }
 
 .sidebar-navrail {
   padding: 0rem 1.159rem; }
@@ -1487,19 +1490,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(101, 98, 105, 0.379); }
 
 .sidebar-navrail-btn:active > box > label:first-child {
-  background-color: #464646; }
+  background-color: #514e54; }
 
 .sidebar-navrail-btn-active > box > label:first-child {
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4358;
+  color: #eadef7; }
 
 .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, 89, 0.93);
+  color: rgba(232, 220, 245, 0.93); }
 
 .sidebar-sysinfo-grouppad {
   padding: 1.159rem; }
@@ -1509,8 +1512,8 @@ tooltip {
   min-width: 0.818rem;
   min-height: 4.091rem;
   padding: 0.409rem;
-  background-color: #313131;
-  color: #e2e2e2;
+  background-color: #4b4358;
+  color: #eadef7;
   font-size: 0px; }
 
 .sidebar-memory-swap-circprog {
@@ -1519,16 +1522,16 @@ tooltip {
   min-height: 2.255rem;
   padding: 0.409rem;
   margin: 0.918rem;
-  background-color: #313131;
-  color: #e2e2e2;
+  background-color: #4b4358;
+  color: #eadef7;
   font-size: 0px; }
 
 .sidebar-cpu-circprog {
   min-width: 0.818rem;
   min-height: 3.409rem;
   padding: 0.409rem;
-  background-color: #313131;
-  color: #e2e2e2;
+  background-color: #4b4358;
+  color: #eadef7;
   transition: 1000ms cubic-bezier(0.1, 1, 0, 1);
   font-size: 0px; }
 
@@ -1543,14 +1546,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, 207, 0.31); }
 
 .sidebar-scrollbar slider:hover,
 .sidebar-scrollbar slider:focus {
-  background-color: rgba(226, 226, 226, 0.448); }
+  background-color: rgba(203, 196, 207, 0.448); }
 
 .sidebar-scrollbar slider:active {
-  background-color: #7a7a7a; }
+  background-color: #7a757d; }
 
 .sidebar-calendar-btn {
   border-radius: 9999px;
@@ -1558,7 +1561,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 {
@@ -1572,18 +1575,18 @@ tooltip {
   margin-right: -10.341rem; }
 
 .sidebar-calendar-btn-today {
-  background-color: #e2e2e2;
-  color: #000000; }
+  background-color: #d6baff;
+  color: #3d1c70; }
 
 .sidebar-calendar-btn-today:hover,
 .sidebar-calendar-btn-today:focus {
-  background-color: rgba(224, 224, 224, 0.93); }
+  background-color: rgba(212, 185, 253, 0.93); }
 
 .sidebar-calendar-btn-today:active {
-  background-color: rgba(219, 219, 219, 0.79); }
+  background-color: rgba(208, 182, 246, 0.79); }
 
 .sidebar-calendar-btn-othermonth {
-  color: #727272; }
+  color: #837f83; }
 
 .sidebar-calendar-header {
   margin: 0.341rem; }
@@ -1592,50 +1595,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(40, 38, 43, 0.31);
+  color: #cbc4cf; }
 
 .sidebar-calendar-monthyear-btn:hover,
 .sidebar-calendar-monthyear-btn:focus {
-  background-color: rgba(64, 64, 64, 0.3445);
-  color: #d8d8d8; }
+  background-color: rgba(76, 73, 80, 0.3445);
+  color: #c3bcc7; }
 
 .sidebar-calendar-monthyear-btn:active {
-  background-color: #313131;
-  color: #c3c3c3; }
+  background-color: #403e44;
+  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(40, 38, 43, 0.31);
+  color: #cbc4cf; }
 
 .sidebar-calendar-monthshift-btn:hover {
-  background-color: rgba(64, 64, 64, 0.3445);
-  color: #d8d8d8; }
+  background-color: rgba(76, 73, 80, 0.3445);
+  color: #c3bcc7; }
 
 .sidebar-calendar-monthshift-btn:active {
-  background-color: #313131;
-  color: #c3c3c3; }
+  background-color: #403e44;
+  color: #b3acb6; }
 
 .sidebar-selector-tab {
   border-radius: 0.818rem;
   -gtk-outline-radius: 0.818rem;
-  transition: 0ms;
+  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(101, 98, 105, 0.379); }
 
 .sidebar-selector-tab:active {
-  background-color: #464646; }
+  background-color: #514e54; }
 
 .sidebar-selector-tab-active > box > label {
-  color: #e2e2e2; }
+  color: #d6baff; }
 
 .sidebar-selector-highlight-offset {
   margin-top: -0.205rem;
@@ -1643,14 +1646,14 @@ tooltip {
 
 .sidebar-selector-highlight {
   transition: 180ms ease-in-out;
-  color: #e2e2e2;
+  color: #d6baff;
   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(40, 38, 43, 0.1); }
 
 .sidebar-todo-item-action {
   border-radius: 9999px;
@@ -1659,49 +1662,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: #4b4358;
+  color: #eadef7; }
 
 .sidebar-clipboard-item:hover,
 .sidebar-clipboard-item:focus {
-  background-color: #434343; }
+  background-color: #5b5368; }
 
 .sidebar-clipboard-item:active {
-  background-color: #545454; }
+  background-color: #6b6278; }
 
 .sidebar-todo-new {
   border-radius: 9999px;
   -gtk-outline-radius: 9999px;
-  color: #e2e2e2;
+  color: #eadef7;
   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: #50485d; }
 
 .sidebar-todo-new:active {
-  background-color: #545454; }
+  background-color: #6b6278; }
 
 .sidebar-todo-add {
   border-radius: 9999px;
@@ -1709,15 +1712,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: #eadef7;
+  border: 0.068rem solid #e7e1e6; }
 
 .sidebar-todo-add:hover,
 .sidebar-todo-add:focus {
-  background-color: #363636; }
+  background-color: #50485d; }
 
 .sidebar-todo-add:active {
-  background-color: #545454; }
+  background-color: #6b6278; }
 
 .sidebar-todo-add-available {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
@@ -1725,44 +1728,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: #d6baff;
+  color: #3d1c70;
+  border: 0.068rem solid #d6baff; }
 
 .sidebar-todo-add-available:hover,
 .sidebar-todo-add-available:focus {
-  background-color: #dbdbdb; }
+  background-color: #d1b5fb; }
 
 .sidebar-todo-add-available:active {
-  background-color: #b5b5b5; }
+  background-color: #b79ae2; }
 
 .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: #28262b;
+  color: #cbc4cf;
+  caret-color: #cbc4cf;
   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 #bbb4bf; }
 
 .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(40, 38, 43, 0.31);
   min-width: 1.705rem;
   min-height: 1.705rem; }
 
@@ -1774,12 +1777,12 @@ tooltip {
 .sidebar-chat-textarea {
   border-radius: 1.159rem;
   -gtk-outline-radius: 1.159rem;
-  border: 0.068rem solid #656565;
+  border: 0.068rem solid #69656d;
   padding: 0.682rem; }
 
 .sidebar-chat-entry {
-  color: #e2e2e2;
-  caret-color: #e2e2e2;
+  color: #cbc4cf;
+  caret-color: #cbc4cf;
   min-height: 1.773rem;
   min-width: 0rem; }
 
@@ -1788,25 +1791,25 @@ tooltip {
   min-width: 1.705rem;
   min-height: 1.705rem;
   border-radius: 0.478rem;
-  background-color: #656565; }
+  background-color: #69656d; }
 
 .sidebar-chat-send:hover,
 .sidebar-chat-send:focus {
-  background-color: dimgray; }
+  background-color: #6d6971; }
 
 .sidebar-chat-send:active {
-  background-color: #7e7e7e; }
+  background-color: #837d89; }
 
 .sidebar-chat-send-available {
-  background-color: #e2e2e2;
-  color: #000000; }
+  background-color: #d6baff;
+  color: #3d1c70; }
 
 .sidebar-chat-send-available:hover,
 .sidebar-chat-send-available:focus {
-  background-color: #dbdbdb; }
+  background-color: #d1b5fb; }
 
 .sidebar-chat-send-available:active {
-  background-color: #b5b5b5; }
+  background-color: #b79ae2; }
 
 .sidebar-chat-message {
   margin: 0.682rem; }
@@ -1817,13 +1820,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: #d6baff; }
 
 .sidebar-chat-indicator-System {
-  background-color: #e2e2e2; }
+  background-color: #cec2db; }
 
 .sidebar-chat-name {
   font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif;
@@ -1843,19 +1846,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: #cbc4cf;
   margin: 0rem 0.682rem;
-  border: 0.068rem solid rgba(226, 226, 226, 0.07); }
+  border: 0.068rem solid rgba(234, 222, 247, 0.07); }
 
 .sidebar-chat-codeblock-topbar {
   font-family: '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: #4b4358;
+  color: #eadef7;
   border-radius: 0.886rem;
-  border: 0.068rem solid #434343;
+  border: 0.068rem solid #5b5368;
   border-top-left-radius: 0.886rem;
   border-top-right-radius: 0.886rem;
   padding: 0.341rem 0.477rem; }
@@ -1872,10 +1875,10 @@ tooltip {
 
 .sidebar-chat-codeblock-topbar-btn:hover,
 .sidebar-chat-codeblock-topbar-btn:focus {
-  background-color: #545454; }
+  background-color: #6b6278; }
 
 .sidebar-chat-codeblock-topbar-btn:active {
-  background-color: #787878; }
+  background-color: #8b8198; }
 
 .sidebar-chat-codeblock-code {
   font-family: 'JetBrains Mono NF', 'JetBrains Mono Nerd Font', 'JetBrains Mono NL', 'SpaceMono NF', 'SpaceMono Nerd Font', monospace;
@@ -1883,7 +1886,7 @@ tooltip {
 
 .sidebar-chat-divider {
   min-height: 1px;
-  background-color: #656565;
+  background-color: #69656d;
   margin: 0rem 0.545rem; }
 
 .sidebar-chat-welcome-txt {
@@ -1914,40 +1917,67 @@ tooltip {
   padding: 0.341rem 0.477rem; }
 
 .sidebar-chat-chip-action {
-  border: 0.068rem solid #656565; }
+  border: 0.068rem solid #69656d; }
 
 .sidebar-chat-chip-action:hover,
 .sidebar-chat-chip-action:focus {
-  background-color: #656565; }
+  background-color: #69656d; }
 
 .sidebar-chat-chip-action:active {
-  background-color: #8b8b8b;
-  color: #4c4c4c; }
+  background-color: #86828a;
+  color: #565259; }
 
 .sidebar-chat-chip-action-active {
-  color: #656565;
-  border: 0.068rem solid #656565; }
+  color: #69656d;
+  border: 0.068rem solid #69656d; }
+
+.sidebar-pin {
+  border-radius: 0.818rem;
+  -gtk-outline-radius: 0.818rem;
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  min-height: 2.386rem;
+  min-width: 2.386rem;
+  color: #e7e1e6; }
+
+.sidebar-pin:hover,
+.sidebar-pin:focus {
+  background-color: rgba(101, 98, 105, 0.379); }
+
+.sidebar-pin:active {
+  background-color: #514e54; }
+
+.sidebar-pin-enabled {
+  background-color: #d6baff; }
+  .sidebar-pin-enabled label {
+    color: #3d1c70; }
+
+.sidebar-pin-enabled:hover,
+.sidebar-pin-enabled:focus {
+  background-color: #c7aaf1; }
+
+.sidebar-pin-enabled:active {
+  background-color: #b79ae2; }
 
 .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: #28262b;
+  color: #cbc4cf;
   font-size: 3rem; }
 
 .session-button-focused {
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4358;
+  color: #eadef7; }
 
 .session-button-desc {
-  background-color: #0a0a0a;
-  color: #e2e2e2;
+  background-color: #232126;
+  color: #d9d3db;
   border-bottom-left-radius: 1.705rem;
   border-bottom-right-radius: 1.705rem;
   padding: 0.205rem 0.341rem;
@@ -1958,31 +1988,31 @@ tooltip {
   -gtk-outline-radius: 1.705rem;
   min-width: 8.182rem;
   min-height: 5.455rem;
-  background-color: #121212;
-  color: #e2e2e2;
+  background-color: #28262b;
+  color: #cbc4cf;
   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(40, 38, 43, 0.45);
+  color: #cbc4cf;
   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(40, 38, 43, 0.45);
+  color: #cbc4cf;
   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: #4b4358;
+  color: #eadef7;
   padding: 0.818rem;
   padding-right: 1.363rem; }
 
@@ -1990,8 +2020,8 @@ tooltip {
   border-radius: 1.159rem;
   -gtk-outline-radius: 1.159rem;
   min-width: 30.682rem;
-  background-color: #070707;
-  color: #e2e2e2;
+  background-color: #0f0d10;
+  color: #cbc4cf;
   padding: 0.818rem;
   padding-right: 1.363rem; }
 
@@ -1999,8 +2029,8 @@ tooltip {
   border-radius: 1.159rem;
   -gtk-outline-radius: 1.159rem;
   min-width: 30.682rem;
-  background-color: #070707;
-  color: #e2e2e2;
+  background-color: #0f0d10;
+  color: #cbc4cf;
   padding: 0.818rem;
   padding-right: 1.363rem; }
 
@@ -2008,19 +2038,19 @@ tooltip {
   border-radius: 1.159rem;
   -gtk-outline-radius: 1.159rem;
   min-width: 30.682rem;
-  background-color: #313131;
-  color: #e2e2e2;
+  background-color: #4b4358;
+  color: #eadef7;
   padding: 0.818rem;
   padding-right: 1.363rem; }
 
 .notif-body-low {
-  color: #9d9d9d; }
+  color: #959099; }
 
 .notif-body-normal {
-  color: #9d9d9d; }
+  color: #959099; }
 
 .notif-body-critical {
-  color: #a8a8a8; }
+  color: #b6abc3; }
 
 .notif-icon {
   border-radius: 9999px;
@@ -2029,20 +2059,20 @@ tooltip {
   min-height: 3.409rem; }
 
 .notif-icon-material {
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4358;
+  color: #eadef7; }
 
 .notif-icon-material-low {
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4358;
+  color: #eadef7; }
 
 .notif-icon-material-normal {
-  background-color: #313131;
-  color: #e2e2e2; }
+  background-color: #4b4358;
+  color: #eadef7; }
 
 .notif-icon-material-critical {
-  background-color: #e2e2e2;
-  color: #313131; }
+  background-color: #eadef7;
+  color: #4b4358; }
 
 .notif-close-btn {
   border-radius: 1.159rem;
@@ -2071,7 +2101,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 {
@@ -2079,21 +2109,21 @@ tooltip {
   min-width: 0.136rem;
   min-height: 1.770rem;
   padding: 0rem;
-  color: #e2e2e2; }
+  color: #eadef7; }
 
 .notif-circprog-normal {
   transition: 0ms linear;
   min-width: 0.136rem;
   min-height: 1.770rem;
   padding: 0rem;
-  color: #e2e2e2; }
+  color: #eadef7; }
 
 .notif-circprog-critical {
   transition: 0ms linear;
   min-width: 0.136rem;
   min-height: 1.770rem;
   padding: 0rem;
-  color: #e2e2e2; }
+  color: #eadef7; }
 
 .osd-music {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
@@ -2103,9 +2133,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(32, 30, 35, 0.7), rgba(32, 30, 35, 0.55) 70.71%), linear-gradient(217deg, rgba(73, 69, 78, 0.7), rgba(73, 69, 78, 0.55) 70.71%), radial-gradient(circle at 0% 100%, #4b4358 13%, rgba(0, 0, 0, 0) 100%), linear-gradient(336deg, rgba(75, 67, 88, 0.7), rgba(75, 67, 88, 0.55) 70.71%), linear-gradient(#0f0d10, #0f0d10); }
 
 .osd-music-cover-fallback {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
@@ -2113,8 +2143,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;
@@ -2140,13 +2170,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: '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);
@@ -2155,8 +2185,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(50, 46, 55, 0.5);
+  color: #d7d1d7; }
 
 .osd-music-controls {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
@@ -2165,8 +2195,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(50, 46, 55, 0.5);
+  color: #d7d1d7; }
 
 .osd-music-controlbtn {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
@@ -2177,10 +2207,10 @@ tooltip {
 
 .osd-music-controlbtn:hover,
 .osd-music-controlbtn:focus {
-  background-color: rgba(71, 71, 71, 0.55); }
+  background-color: rgba(91, 87, 95, 0.55); }
 
 .osd-music-controlbtn:active {
-  background-color: rgba(89, 89, 89, 0.575); }
+  background-color: rgba(107, 102, 110, 0.575); }
 
 .osd-music-controlbtn-txt {
   transition: 300ms cubic-bezier(0.1, 1, 0, 1);
@@ -2194,15 +2224,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(50, 46, 55, 0.5);
+  color: #d7d1d7; }
 
 .osd-music-playstate-btn > label {
   transition: 50ms cubic-bezier(0.05, 0.7, 0.1, 1);
@@ -2215,3 +2245,8 @@ tooltip {
 
 .fadingRadial {
   transition: 50ms cubic-bezier(0.2, 0, 0, 1); }
+
+.sidebar-pinned {
+  margin: 0rem;
+  border-radius: 0rem;
+  border: 0rem solid transparent; }
diff --git a/.config/ags/widgets/dock/dock.js b/.config/ags/widgets/dock/dock.js
index ac9ccef1c..f675bd246 100644
--- a/.config/ags/widgets/dock/dock.js
+++ b/.config/ags/widgets/dock/dock.js
@@ -106,7 +106,7 @@ const Taskbar = () => Widget.Box({
             box.children = Array.from(box._map.values());
         }],
         ['add', (box, address) => {
-            if (!address) { // Since the first active emit is undefined
+            if (!address) { // First active emit is undefined
                 box._update(box);
                 return;
             }
@@ -174,7 +174,7 @@ const PinnedApps = () => Widget.Box({
                     const running = Hyprland.clients
                         .find(client => client.class.toLowerCase().includes(term)) || false;
 
-                    button.toggleClassName('nonrunning', !running);
+                    button.toggleClassName('notrunning', !running);
                     button.toggleClassName('focused', Hyprland.active.client.address == running.address);
                     button.set_tooltip_text(running ? running.title : app.name);
                 }, 'notify::clients']],
diff --git a/.config/ags/widgets/overview/main.js b/.config/ags/widgets/overview/main.js
index 36e44719a..9dde483a5 100644
--- a/.config/ags/widgets/overview/main.js
+++ b/.config/ags/widgets/overview/main.js
@@ -3,7 +3,7 @@ import { SearchAndWindows } from "./overview.js";
 
 export default () => Widget.Window({
     name: 'overview',
-    exclusivity: 'normal',
+    exclusivity: 'ignore',
     focusable: true,
     popup: true,
     visible: false,
diff --git a/.config/ags/widgets/overview/overview.js b/.config/ags/widgets/overview/overview.js
index 1310bc21c..5a62f2f94 100644
--- a/.config/ags/widgets/overview/overview.js
+++ b/.config/ags/widgets/overview/overview.js
@@ -506,6 +506,7 @@ export const SearchAndWindows = () => {
 
     return Widget.Box({
         vertical: true,
+        className: 'overview-window',
         children: [
             clickOutsideToClose,
             Widget.Box({
diff --git a/.config/ags/widgets/sideleft/main.js b/.config/ags/widgets/sideleft/main.js
index b3889727e..1e78578ad 100644
--- a/.config/ags/widgets/sideleft/main.js
+++ b/.config/ags/widgets/sideleft/main.js
@@ -5,6 +5,7 @@ export default () => PopupWindow({
     focusable: true,
     anchor: ['left', 'top', 'bottom'],
     name: 'sideleft',
+    // exclusivity: 'exclusive',
     showClassName: 'sideleft-show',
     hideClassName: 'sideleft-hide',
     child: SidebarLeft(),
diff --git a/.config/ags/widgets/sideleft/sideleft.js b/.config/ags/widgets/sideleft/sideleft.js
index 184e7d129..4c9a18ac4 100644
--- a/.config/ags/widgets/sideleft/sideleft.js
+++ b/.config/ags/widgets/sideleft/sideleft.js
@@ -62,6 +62,7 @@ const navIndicator = NavigationIndicator(2, false, { // The line thing
 
 const navBar = Box({
     vertical: true,
+    hexpand: true,
     children: [
         Box({
             homogeneous: true,
@@ -74,10 +75,38 @@ const navBar = Box({
     ]
 })
 
+const pinButton = Button({
+    properties: [
+        ['enabled', false],
+    ],
+    vpack: 'start',
+    className: 'sidebar-pin',
+    child: MaterialIcon('push_pin', 'larger'),
+    tooltipText: 'Pin sidebar',
+    onClicked: (self) => {
+        self._enabled = !self._enabled;
+        self.toggleClassName('sidebar-pin-enabled', self._enabled);
+
+        const sideleftWindow = App.getWindow('sideleft');
+        const sideleftContent = sideleftWindow.get_children()[0].get_children()[0].get_children()[1];
+        // console.log(sideleftWindow.exclusivity);
+        sideleftWindow.exclusivity = (self._enabled ? 'exclusive' : 'normal');
+        sideleftWindow.layer = (self._enabled ? 'bottom' : 'top');
+        sideleftContent.toggleClassName('sidebar-pinned', self._enabled);
+    },
+    // QoL: Focus Pin button on open. Hit keybind -> space/enter = toggle pin state
+    connections: [[App, (self, currentName, visible) => {
+        if (currentName === 'sideleft' && visible) {
+            self.grab_focus();
+        }
+    }]]
+})
+
 export default () => Box({
     // vertical: true,
     vexpand: true,
     hexpand: true,
+    css: 'min-width: 2px;',
     children: [
         EventBox({
             onPrimaryClick: () => App.closeWindow('sideleft'),
@@ -89,9 +118,20 @@ export default () => Box({
             vexpand: true,
             className: 'sidebar-left',
             children: [
-                navBar,
+                Box({
+                    className: 'spacing-h-10',
+                    children: [
+                        navBar,
+                        pinButton,
+                    ]
+                }),
                 contentStack,
-            ]
+            ],
+            connections: [[App, (self, currentName, visible) => {
+                if (currentName === 'sideleft') {
+                    self.toggleClassName('sidebar-pinned', pinButton._enabled && visible);
+                }
+            }]]
         }),
     ],
     connections: [
diff --git a/.config/ags/widgets/sideright/calendar.js b/.config/ags/widgets/sideright/calendar.js
index 3aa5e78cc..391d0599f 100644
--- a/.config/ags/widgets/sideright/calendar.js
+++ b/.config/ags/widgets/sideright/calendar.js
@@ -71,11 +71,8 @@ const CalendarWidget = () => {
             child.destroy();
         }
         box.children = calendarJson.map((row, i) => Widget.Box({
-            // homogeneous: true,
             className: 'spacing-h-5',
-            children: row.map((day, i) =>
-                CalendarDay(day.day, day.today)
-            )
+            children: row.map((day, i) => CalendarDay(day.day, day.today)),
         }))
     }
     function shiftCalendarXMonths(x) {
diff --git a/.config/ags/widgets/sideright/quicktoggles.js b/.config/ags/widgets/sideright/quicktoggles.js
index 33478c25e..7fb60ffe0 100644
--- a/.config/ags/widgets/sideright/quicktoggles.js
+++ b/.config/ags/widgets/sideright/quicktoggles.js
@@ -29,14 +29,12 @@ export const ToggleIconWifi = (props = {}) => Widget.Button({
 export const ToggleIconBluetooth = (props = {}) => Widget.Button({
     className: 'txt-small sidebar-iconbutton',
     tooltipText: 'Bluetooth | Right-click to configure',
-    onClicked: () => { // Provided service doesn't work hmmm
+    onClicked: () => {
         const status = Bluetooth?.enabled;
-        if (status) {
+        if (status) 
             exec('rfkill block bluetooth');
-        }
-        else {
+        else 
             exec('rfkill unblock bluetooth');
-        }
     },
     onSecondaryClickRelease: () => {
         execAsync(['bash', '-c', 'blueberry &']);
diff --git a/.config/ags/widgets/sideright/sideright.js b/.config/ags/widgets/sideright/sideright.js
index 15457766f..3c14cd51b 100644
--- a/.config/ags/widgets/sideright/sideright.js
+++ b/.config/ags/widgets/sideright/sideright.js
@@ -81,6 +81,7 @@ const togglesBox = Widget.Box({
 export default () => Box({
     vexpand: true,
     hexpand: true,
+    css: 'min-width: 2px;',
     children: [
         EventBox({
             onPrimaryClick: () => App.closeWindow('sideright'),