diff --git a/Releases/Catppuccin-Frappe-Green.zip b/Releases/Catppuccin-Frappe-Green.zip
new file mode 100644
index 00000000..0e524e8d
Binary files /dev/null and b/Releases/Catppuccin-Frappe-Green.zip differ
diff --git a/Releases/Catppuccin-Frappe-Grey.zip b/Releases/Catppuccin-Frappe-Grey.zip
new file mode 100644
index 00000000..6b6e0b20
Binary files /dev/null and b/Releases/Catppuccin-Frappe-Grey.zip differ
diff --git a/Releases/Catppuccin-Macchiato-Peach.zip b/Releases/Catppuccin-Frappe-Peach.zip
similarity index 62%
rename from Releases/Catppuccin-Macchiato-Peach.zip
rename to Releases/Catppuccin-Frappe-Peach.zip
index 1157be0f..ee7b5632 100644
Binary files a/Releases/Catppuccin-Macchiato-Peach.zip and b/Releases/Catppuccin-Frappe-Peach.zip differ
diff --git a/Releases/Catppuccin-Frappe-Pink.zip b/Releases/Catppuccin-Frappe-Pink.zip
new file mode 100644
index 00000000..f6667442
Binary files /dev/null and b/Releases/Catppuccin-Frappe-Pink.zip differ
diff --git a/Releases/Catppuccin-Frappe-Purple.zip b/Releases/Catppuccin-Frappe-Purple.zip
new file mode 100644
index 00000000..f599653c
Binary files /dev/null and b/Releases/Catppuccin-Frappe-Purple.zip differ
diff --git a/Releases/Catppuccin-Frappe-Red.zip b/Releases/Catppuccin-Frappe-Red.zip
new file mode 100644
index 00000000..2949df36
Binary files /dev/null and b/Releases/Catppuccin-Frappe-Red.zip differ
diff --git a/Releases/Catppuccin-Frappe-Teal.zip b/Releases/Catppuccin-Frappe-Teal.zip
new file mode 100644
index 00000000..212b66ca
Binary files /dev/null and b/Releases/Catppuccin-Frappe-Teal.zip differ
diff --git a/Releases/Catppuccin-Frappe-Yellow.zip b/Releases/Catppuccin-Frappe-Yellow.zip
new file mode 100644
index 00000000..8223b241
Binary files /dev/null and b/Releases/Catppuccin-Frappe-Yellow.zip differ
diff --git a/Releases/Catppuccin-Frappe.zip b/Releases/Catppuccin-Frappe.zip
new file mode 100644
index 00000000..21ef054f
Binary files /dev/null and b/Releases/Catppuccin-Frappe.zip differ
diff --git a/Releases/Catppuccin-Macchiato-Green.zip b/Releases/Catppuccin-Macchiato-Green.zip
index c916b162..1b0435ca 100644
Binary files a/Releases/Catppuccin-Macchiato-Green.zip and b/Releases/Catppuccin-Macchiato-Green.zip differ
diff --git a/Releases/Catppuccin-Macchiato-Grey.zip b/Releases/Catppuccin-Macchiato-Grey.zip
index 795ceb79..504bd9ec 100644
Binary files a/Releases/Catppuccin-Macchiato-Grey.zip and b/Releases/Catppuccin-Macchiato-Grey.zip differ
diff --git a/Releases/Catppuccin-Macchiato-Mauve.zip b/Releases/Catppuccin-Macchiato-Mauve.zip
index ad042e1c..85a3818e 100644
Binary files a/Releases/Catppuccin-Macchiato-Mauve.zip and b/Releases/Catppuccin-Macchiato-Mauve.zip differ
diff --git a/Releases/Catppuccin-Macchiato-Orange.zip b/Releases/Catppuccin-Macchiato-Orange.zip
new file mode 100644
index 00000000..38b92d5c
Binary files /dev/null and b/Releases/Catppuccin-Macchiato-Orange.zip differ
diff --git a/Releases/Catppuccin-Macchiato-Pink.zip b/Releases/Catppuccin-Macchiato-Pink.zip
index 8549f87c..54bd3803 100644
Binary files a/Releases/Catppuccin-Macchiato-Pink.zip and b/Releases/Catppuccin-Macchiato-Pink.zip differ
diff --git a/Releases/Catppuccin-Macchiato-Red.zip b/Releases/Catppuccin-Macchiato-Red.zip
index 47663dca..f1292f1a 100644
Binary files a/Releases/Catppuccin-Macchiato-Red.zip and b/Releases/Catppuccin-Macchiato-Red.zip differ
diff --git a/Releases/Catppuccin-Macchiato-Teal.zip b/Releases/Catppuccin-Macchiato-Teal.zip
index dda76ee8..af776453 100644
Binary files a/Releases/Catppuccin-Macchiato-Teal.zip and b/Releases/Catppuccin-Macchiato-Teal.zip differ
diff --git a/Releases/Catppuccin-Macchiato-Yellow.zip b/Releases/Catppuccin-Macchiato-Yellow.zip
index 993cc102..0904826c 100644
Binary files a/Releases/Catppuccin-Macchiato-Yellow.zip and b/Releases/Catppuccin-Macchiato-Yellow.zip differ
diff --git a/Releases/Catppuccin-Macchiato.zip b/Releases/Catppuccin-Macchiato.zip
index 8a2f99d2..75be942b 100644
Binary files a/Releases/Catppuccin-Macchiato.zip and b/Releases/Catppuccin-Macchiato.zip differ
diff --git a/gtkrc.sh b/gtkrc.sh
index f6f9add9..9c0d7aee 100755
--- a/gtkrc.sh
+++ b/gtkrc.sh
@@ -37,7 +37,7 @@ make_gtkrc() {
         theme_color='#a6d189'
         ;;
       -Teal)
-        theme_color='#81c8be'
+        theme_color='#babbf1'
         ;;
       -Grey)
         theme_color='#7c7f93'
diff --git a/src/assets/gtk/make-assets.sh b/src/assets/gtk/make-assets.sh
index b1171d70..501399b1 100755
--- a/src/assets/gtk/make-assets.sh
+++ b/src/assets/gtk/make-assets.sh
@@ -32,8 +32,8 @@ for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-
         theme_color_light='#a6d189'
         ;;
       -Teal)
-        theme_color_dark='#81c8be'
-        theme_color_light='#81c8be'
+        theme_color_dark='#babbf1'
+        theme_color_light='#babbf1'
         ;;
       -Grey)
         theme_color_dark='#ccd0da'
diff --git a/src/main/cinnamon/cinnamon-Dark.css b/src/main/cinnamon/cinnamon-Dark.css
index 34f09a44..3d3fb714 100644
--- a/src/main/cinnamon/cinnamon-Dark.css
+++ b/src/main/cinnamon/cinnamon-Dark.css
@@ -150,19 +150,19 @@ StScrollView StScrollBar {
 }
 
 StScrollBar StBin#trough {
-  background-color: rgba(48, 52, 70, 0.1);
+  background-color: rgba(36, 39, 58, 0.1);
   border-radius: 9999px;
 }
 
 StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
   border-radius: 9999px;
-  background-color: #6c728c;
+  background-color: #656b85;
   border: 0px solid;
   margin: 0px;
 }
 
 StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
-  background-color: #5d637b;
+  background-color: #555a72;
 }
 
 StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
@@ -268,7 +268,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 #Tooltip {
   border-radius: 9999px;
   padding: 6px 12px;
-  background-color: rgba(29, 31, 43, 0.9);
+  background-color: rgba(18, 19, 29, 0.9);
   color: #c6d0f5;
   margin: 6px;
   box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
@@ -282,7 +282,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-combo-menu {
   padding: 0;
   color: #c6d0f5;
-  background-color: #303446;
+  background-color: #24273a;
   border-radius: 12px;
   margin: 6px;
   box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
@@ -299,7 +299,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border-radius: 6px;
   background-gradient-direction: none;
   box-shadow: none;
-  background-color: #3f4458;
+  background-color: #34384d;
   color: rgba(198, 208, 245, 0.7);
 }
 
@@ -330,7 +330,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 6px;
   border-radius: 12px;
   background-clip: padding-box;
-  background-color: #303446;
+  background-color: #24273a;
   box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.1);
   border: 1px solid rgba(17, 17, 27, 0);
 }
@@ -512,7 +512,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(198, 208, 245, 0.7);
   font-size: 1em;
   padding: 0px;
-  background-color: rgba(35, 38, 52, 0.75);
+  background-color: rgba(24, 25, 38, 0.75);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
 }
 
@@ -569,8 +569,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .window-caption {
-  background-color: rgba(29, 31, 43, 0.9);
-  border: 1px solid rgba(29, 31, 43, 0.9);
+  background-color: rgba(18, 19, 29, 0.9);
+  border: 1px solid rgba(18, 19, 29, 0.9);
   color: #c6d0f5;
   spacing: 25px;
   border-radius: 6px;
@@ -622,7 +622,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .expo-background {
-  background-color: #1d1f2b;
+  background-color: #12131d;
 }
 
 .workspace-thumbnails {
@@ -719,7 +719,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .about-scrollBox {
   border: 1px solid rgba(198, 208, 245, 0.12);
   border-radius: 6px;
-  background-color: #303446;
+  background-color: #24273a;
   padding: 4px;
   padding-right: 0;
   border-radius: 0;
@@ -742,7 +742,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #LookingGlassDialog {
-  background-color: #303446;
+  background-color: #24273a;
   spacing: 6px;
   padding: 6px;
   margin: 32px;
@@ -1039,7 +1039,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   margin-from-right-edge-of-screen: 18px;
   width: 28em;
   color: #c6d0f5;
-  background-color: rgba(48, 52, 70, 0.8);
+  background-color: rgba(36, 39, 58, 0.8);
   box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
   margin: 7px 12px 17px 12px;
 }
@@ -1118,7 +1118,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .switcher-list {
   color: #c6d0f5;
-  background-color: #303446;
+  background-color: #24273a;
   border: none;
   border-radius: 6px;
   padding: 20px;
@@ -1205,7 +1205,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .modal-dialog {
   color: #c6d0f5;
-  background-color: rgba(23, 25, 34, 0.95);
+  background-color: rgba(12, 13, 19, 0.95);
   padding: 0 5px 6px 5px;
   border-radius: 6px;
   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
@@ -1231,7 +1231,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .run-dialog {
   padding: 6px 12px;
-  background-color: rgba(29, 31, 43, 0.9);
+  background-color: rgba(18, 19, 29, 0.9);
   border-radius: 6px;
   color: #c6d0f5;
 }
@@ -1373,7 +1373,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #keyboard {
-  background-color: rgba(29, 31, 43, 0.9);
+  background-color: rgba(18, 19, 29, 0.9);
   border-width: 0;
   border-top-width: 1px;
   border-color: rgba(0, 0, 0, 0.4);
@@ -1418,7 +1418,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: #c6d0f5;
   padding: 5px;
   -arrow-border-radius: 6px;
-  -arrow-background-color: rgba(29, 31, 43, 0.9);
+  -arrow-background-color: rgba(18, 19, 29, 0.9);
   -arrow-border-width: 1px;
   -arrow-border-color: rgba(0, 0, 0, 0.4);
   -arrow-base: 20px;
@@ -1498,7 +1498,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .menu StScrollView.menu-application-button {
   padding: 3px 0;
   border-radius: 6px;
-  background-color: #3f4458;
+  background-color: #34384d;
   color: #c6d0f5;
 }
 
@@ -1611,7 +1611,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   spacing: 1em;
   padding: 16px;
   color: rgba(198, 208, 245, 0.7);
-  background-color: rgba(35, 38, 52, 0.75);
+  background-color: rgba(24, 25, 38, 0.75);
 }
 
 .osd-window {
@@ -1623,7 +1623,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   min-height: 64px;
   color: rgba(198, 208, 245, 0.7);
   border-radius: 0;
-  background-color: rgba(35, 38, 52, 0.75);
+  background-color: rgba(24, 25, 38, 0.75);
   border: none;
 }
 
@@ -1801,7 +1801,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 6px;
   spacing: 6px;
   border: none;
-  background-color: #303446;
+  background-color: #24273a;
   border-radius: 6px;
   color: #c6d0f5;
   box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
@@ -1988,7 +1988,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 0 0;
   margin-top: 6px;
   border-radius: 6px;
-  background-color: #3f4458;
+  background-color: #34384d;
   color: #c6d0f5;
 }
 
@@ -2070,10 +2070,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .sound-player .slider {
   height: 0.5em;
   padding: 0;
-  border: 0px solid rgba(12, 13, 18, 0.9);
+  border: 0px solid rgba(2, 2, 4, 0.9);
   border-bottom: 1px;
   -slider-height: 0.5em;
-  -slider-background-color: #262937;
+  -slider-background-color: #1a1c2a;
   -slider-border-color: rgba(0, 0, 0, 0);
   -slider-active-background-color: #8caaee;
   -slider-active-border-color: rgba(0, 0, 0, 0);
@@ -2127,16 +2127,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .workspace-graph .workspace .windows {
-  -active-window-background: rgba(66, 71, 98, 0.75);
+  -active-window-background: rgba(54, 56, 85, 0.75);
   -active-window-border: rgba(0, 0, 0, 0.8);
-  -inactive-window-background: rgba(66, 71, 98, 0.75);
+  -inactive-window-background: rgba(54, 56, 85, 0.75);
   -inactive-window-border: rgba(0, 0, 0, 0.8);
 }
 
 .workspace-graph .workspace:active .windows {
-  -active-window-background: rgba(76, 83, 113, 0.75);
+  -active-window-background: rgba(63, 66, 101, 0.75);
   -active-window-border: rgba(0, 0, 0, 0.8);
-  -inactive-window-background: rgba(45, 49, 67, 0.75);
+  -inactive-window-background: rgba(34, 35, 54, 0.75);
   -inactive-window-border: rgba(0, 0, 0, 0.8);
 }
 
@@ -2265,7 +2265,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .desklet-with-borders {
   color: #c6d0f5;
-  background-color: rgba(29, 31, 43, 0.9);
+  background-color: rgba(18, 19, 29, 0.9);
   padding: 12px;
   padding-bottom: 16px;
 }
@@ -2276,7 +2276,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .desklet-with-borders-and-header {
   color: #c6d0f5;
-  background-color: rgba(29, 31, 43, 0.9);
+  background-color: rgba(18, 19, 29, 0.9);
   border-radius: 6px;
   border-radius-topleft: 0;
   border-radius-topright: 0;
@@ -2290,7 +2290,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .desklet-header {
   color: #c6d0f5;
-  background-color: rgba(29, 31, 43, 0.9);
+  background-color: rgba(18, 19, 29, 0.9);
   border-radius: 0;
   border-radius-topleft: 6px;
   border-radius-topright: 6px;
@@ -2306,7 +2306,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .photoframe-box {
   color: #c6d0f5;
-  background-color: rgba(29, 31, 43, 0.9);
+  background-color: rgba(18, 19, 29, 0.9);
   padding: 12px;
   padding-bottom: 16px;
 }
diff --git a/src/main/cinnamon/cinnamon-Light.css b/src/main/cinnamon/cinnamon-Light.css
index 8c835481..8b7d4a35 100644
--- a/src/main/cinnamon/cinnamon-Light.css
+++ b/src/main/cinnamon/cinnamon-Light.css
@@ -268,7 +268,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 #Tooltip {
   border-radius: 9999px;
   padding: 6px 12px;
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   color: #c6d0f5;
   margin: 6px;
   box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
@@ -568,8 +568,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .window-caption {
-  background-color: rgba(59, 62, 80, 0.9);
-  border: 1px solid rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
+  border: 1px solid rgba(48, 51, 70, 0.9);
   color: #c6d0f5;
   spacing: 25px;
   border-radius: 6px;
@@ -621,7 +621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .expo-background {
-  background-color: #3b3e50;
+  background-color: #303346;
 }
 
 .workspace-thumbnails {
@@ -1204,7 +1204,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .modal-dialog {
   color: #c6d0f5;
-  background-color: rgba(52, 55, 71, 0.95);
+  background-color: rgba(42, 45, 61, 0.95);
   padding: 0 5px 6px 5px;
   border-radius: 6px;
   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
@@ -1230,7 +1230,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .run-dialog {
   padding: 6px 12px;
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   border-radius: 6px;
   color: #c6d0f5;
 }
@@ -1372,7 +1372,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #keyboard {
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   border-width: 0;
   border-top-width: 1px;
   border-color: rgba(0, 0, 0, 0.4);
@@ -1417,7 +1417,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: #c6d0f5;
   padding: 5px;
   -arrow-border-radius: 6px;
-  -arrow-background-color: rgba(59, 62, 80, 0.9);
+  -arrow-background-color: rgba(48, 51, 70, 0.9);
   -arrow-border-width: 1px;
   -arrow-border-color: rgba(0, 0, 0, 0.4);
   -arrow-base: 20px;
@@ -2069,7 +2069,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .sound-player .slider {
   height: 0.5em;
   padding: 0;
-  border: 0px solid rgba(41, 44, 57, 0.9);
+  border: 0px solid rgba(31, 34, 46, 0.9);
   border-bottom: 1px;
   -slider-height: 0.5em;
   -slider-background-color: rgba(17, 17, 27, 0.12);
@@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .desklet-with-borders {
   color: #c6d0f5;
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   padding: 12px;
   padding-bottom: 16px;
 }
@@ -2275,7 +2275,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .desklet-with-borders-and-header {
   color: #c6d0f5;
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   border-radius: 6px;
   border-radius-topleft: 0;
   border-radius-topright: 0;
@@ -2289,7 +2289,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .desklet-header {
   color: #c6d0f5;
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   border-radius: 0;
   border-radius-topleft: 6px;
   border-radius-topright: 6px;
@@ -2305,7 +2305,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .photoframe-box {
   color: #c6d0f5;
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   padding: 12px;
   padding-bottom: 16px;
 }
diff --git a/src/main/cinnamon/cinnamon.css b/src/main/cinnamon/cinnamon.css
index b89d54c0..a280b64d 100644
--- a/src/main/cinnamon/cinnamon.css
+++ b/src/main/cinnamon/cinnamon.css
@@ -268,7 +268,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 #Tooltip {
   border-radius: 9999px;
   padding: 6px 12px;
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   color: #c6d0f5;
   margin: 6px;
   box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
@@ -511,7 +511,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(198, 208, 245, 0.7);
   font-size: 1em;
   padding: 0px;
-  background-color: rgba(35, 38, 52, 0.75);
+  background-color: rgba(24, 25, 38, 0.75);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
 }
 
@@ -568,8 +568,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .window-caption {
-  background-color: rgba(59, 62, 80, 0.9);
-  border: 1px solid rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
+  border: 1px solid rgba(48, 51, 70, 0.9);
   color: #c6d0f5;
   spacing: 25px;
   border-radius: 6px;
@@ -621,7 +621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .expo-background {
-  background-color: #3b3e50;
+  background-color: #303346;
 }
 
 .workspace-thumbnails {
@@ -1204,7 +1204,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .modal-dialog {
   color: #c6d0f5;
-  background-color: rgba(52, 55, 71, 0.95);
+  background-color: rgba(42, 45, 61, 0.95);
   padding: 0 5px 6px 5px;
   border-radius: 6px;
   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
@@ -1230,7 +1230,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .run-dialog {
   padding: 6px 12px;
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   border-radius: 6px;
   color: #c6d0f5;
 }
@@ -1372,7 +1372,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #keyboard {
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   border-width: 0;
   border-top-width: 1px;
   border-color: rgba(0, 0, 0, 0.4);
@@ -1417,7 +1417,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: #c6d0f5;
   padding: 5px;
   -arrow-border-radius: 6px;
-  -arrow-background-color: rgba(59, 62, 80, 0.9);
+  -arrow-background-color: rgba(48, 51, 70, 0.9);
   -arrow-border-width: 1px;
   -arrow-border-color: rgba(0, 0, 0, 0.4);
   -arrow-base: 20px;
@@ -1610,7 +1610,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   spacing: 1em;
   padding: 16px;
   color: rgba(198, 208, 245, 0.7);
-  background-color: rgba(35, 38, 52, 0.75);
+  background-color: rgba(24, 25, 38, 0.75);
 }
 
 .osd-window {
@@ -1622,7 +1622,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   min-height: 64px;
   color: rgba(198, 208, 245, 0.7);
   border-radius: 0;
-  background-color: rgba(35, 38, 52, 0.75);
+  background-color: rgba(24, 25, 38, 0.75);
   border: none;
 }
 
@@ -2069,7 +2069,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .sound-player .slider {
   height: 0.5em;
   padding: 0;
-  border: 0px solid rgba(41, 44, 57, 0.9);
+  border: 0px solid rgba(31, 34, 46, 0.9);
   border-bottom: 1px;
   -slider-height: 0.5em;
   -slider-background-color: rgba(17, 17, 27, 0.12);
@@ -2126,16 +2126,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .workspace-graph .workspace .windows {
-  -active-window-background: rgba(66, 71, 98, 0.75);
+  -active-window-background: rgba(54, 56, 85, 0.75);
   -active-window-border: rgba(0, 0, 0, 0.8);
-  -inactive-window-background: rgba(66, 71, 98, 0.75);
+  -inactive-window-background: rgba(54, 56, 85, 0.75);
   -inactive-window-border: rgba(0, 0, 0, 0.8);
 }
 
 .workspace-graph .workspace:active .windows {
-  -active-window-background: rgba(76, 83, 113, 0.75);
+  -active-window-background: rgba(63, 66, 101, 0.75);
   -active-window-border: rgba(0, 0, 0, 0.8);
-  -inactive-window-background: rgba(45, 49, 67, 0.75);
+  -inactive-window-background: rgba(34, 35, 54, 0.75);
   -inactive-window-border: rgba(0, 0, 0, 0.8);
 }
 
@@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .desklet-with-borders {
   color: #c6d0f5;
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   padding: 12px;
   padding-bottom: 16px;
 }
@@ -2275,7 +2275,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .desklet-with-borders-and-header {
   color: #c6d0f5;
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   border-radius: 6px;
   border-radius-topleft: 0;
   border-radius-topright: 0;
@@ -2289,7 +2289,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .desklet-header {
   color: #c6d0f5;
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   border-radius: 0;
   border-radius-topleft: 6px;
   border-radius-topright: 6px;
@@ -2305,7 +2305,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .photoframe-box {
   color: #c6d0f5;
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   padding: 12px;
   padding-bottom: 16px;
 }
diff --git a/src/main/gnome-shell/gnome-shell-Dark.css b/src/main/gnome-shell/gnome-shell-Dark.css
index 05e1e596..cd0b5c5b 100644
--- a/src/main/gnome-shell/gnome-shell-Dark.css
+++ b/src/main/gnome-shell/gnome-shell-Dark.css
@@ -103,7 +103,7 @@ stage {
 .app-folder-dialog {
   border-radius: 36px;
   padding: 12px;
-  background-color: #232634;
+  background-color: #181926;
   border: 1px solid black;
   box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.1);
 }
@@ -205,7 +205,7 @@ StWidget.focused .app-well-app-running-dot {
 
 .system-action-icon {
   box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
   border-radius: 9999px;
   icon-size: 48px;
@@ -237,7 +237,7 @@ StWidget.focused .app-well-app-running-dot {
 /* Buttons */
 .hotplug-notification-item {
   color: #c6d0f5;
-  background-color: #303446;
+  background-color: #24273a;
   box-shadow: none !important;
 }
 
@@ -261,7 +261,7 @@ StWidget.focused .app-well-app-running-dot {
 
 .hotplug-notification-item:insensitive {
   color: rgba(198, 208, 245, 0.35);
-  background-color: #303446;
+  background-color: #24273a;
   box-shadow: none !important;
 }
 
@@ -729,7 +729,7 @@ StWidget.focused .app-well-app-running-dot {
 
 /* Modal Dialogs */
 .candidate-popup-content, .modal-dialog {
-  background-color: #303446;
+  background-color: #24273a;
   border-radius: 12px;
   border: 1px solid rgba(17, 17, 27, 0);
   box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.1);
@@ -1244,7 +1244,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 /* Login Dialog */
 #lockDialogGroup {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 .login-dialog-banner-view {
@@ -1331,7 +1331,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default,
 .unlock-dialog .modal-dialog-button:default {
   color: rgba(17, 17, 27, 0.87);
-  background-color: #303446;
+  background-color: #24273a;
   box-shadow: none !important;
 }
 
@@ -1353,7 +1353,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default:insensitive,
 .unlock-dialog .modal-dialog-button:default:insensitive {
   color: rgba(17, 17, 27, 0.35);
-  background-color: #303446;
+  background-color: #24273a;
   box-shadow: none !important;
 }
 
@@ -1537,7 +1537,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 /* Looking Glass */
 #LookingGlassDialog {
-  background-color: #303446;
+  background-color: #24273a;
   spacing: 4px;
   padding: 0;
   border: none;
@@ -1550,7 +1550,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
   padding: 0 8px;
   border: none;
   border-radius: 0;
-  background-color: #303446;
+  background-color: #24273a;
   box-shadow: inset 0 -1px 0 rgba(198, 208, 245, 0);
 }
 
@@ -1655,7 +1655,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 .lg-extension {
   border: none;
   border-radius: 6px;
-  background-color: #303446;
+  background-color: #24273a;
   padding: 12px;
 }
 
@@ -1669,7 +1669,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 #LookingGlassPropertyInspector {
   color: rgba(198, 208, 245, 0.7);
-  background: #303446;
+  background: #24273a;
   border: none;
   border-radius: 6px;
   padding: 6px;
@@ -2001,7 +2001,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
   margin: 2px 5px 8px;
   border-radius: 6px;
   color: rgba(198, 208, 245, 0.7);
-  background-color: #303446;
+  background-color: #24273a;
   border: none;
   text-shadow: none;
   box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
@@ -2010,14 +2010,14 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 .notification-banner:hover {
   color: #c6d0f5;
-  background-color: #303446;
+  background-color: #24273a;
   box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25);
   margin: 2px 12px 17px;
 }
 
 .notification-banner:focus {
   color: #c6d0f5;
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 .notification-banner .notification-actions {
@@ -2128,7 +2128,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 /* OSD */
 .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
   color: rgba(198, 208, 245, 0.7);
-  background-color: #232634;
+  background-color: #181926;
   border: none;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
   margin: 5px 8px 11px;
@@ -2166,7 +2166,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 .pad-osd-window {
   padding: 32px;
-  background-color: #232634;
+  background-color: #181926;
 }
 
 .pad-osd-window .pad-osd-title-box {
@@ -2187,7 +2187,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 /* Top Bar */
 #panel {
-  background-color: #232634;
+  background-color: #181926;
   font-weight: bold;
   height: 32px;
   color: rgba(198, 208, 245, 0.7);
@@ -2198,7 +2198,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 #panel .panel-corner {
   -panel-corner-radius: 0;
-  -panel-corner-background-color: #232634;
+  -panel-corner-background-color: #181926;
   -panel-corner-border-width: 2px;
   -panel-corner-border-color: transparent;
   -panel-corner-opacity: 1;
@@ -2369,7 +2369,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 .popup-menu .popup-menu-content {
   padding: 6px 0 !important;
-  background-color: #303446;
+  background-color: #24273a;
   border-radius: 12px;
   margin: 0;
   font-weight: normal;
@@ -2537,14 +2537,14 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 .unlock-dialog-notifications-container .unlock-dialog-notification-source {
   padding: 12px 6px;
   border: none;
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
   border-radius: 12px;
 }
 
 .unlock-dialog-notifications-container .notification.critical,
 .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
-  background-color: #33384c;
+  background-color: #28293f;
 }
 
 .unlock-dialog-notification-label {
@@ -2566,11 +2566,11 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
-  background-color: rgba(48, 52, 70, 0.3);
+  background-color: rgba(36, 39, 58, 0.3);
 }
 
 #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
-  background-color: rgba(48, 52, 70, 0.5);
+  background-color: rgba(36, 39, 58, 0.5);
 }
 
 #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
@@ -2626,7 +2626,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   selection-background-color: rgba(198, 208, 245, 0.12);
   selected-color: rgba(17, 17, 27, 0.87) !important;
   color: #c6d0f5;
-  background-color: #303446;
+  background-color: #24273a;
   border: 2px solid transparent;
   box-shadow: none;
 }
@@ -2634,13 +2634,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .search-entry:hover {
   color: #c6d0f5;
   border-color: rgba(198, 208, 245, 0.3);
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 .search-entry:focus {
   color: #c6d0f5;
   border-color: #8caaee;
-  background-color: #303446;
+  background-color: #24273a;
   box-shadow: none;
 }
 
@@ -2745,7 +2745,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 /* Slider */
 .slider {
   height: 20px;
-  color: #303446;
+  color: #24273a;
   -slider-height: 2px;
   -slider-background-color: rgba(198, 208, 245, 0.3);
   -slider-border-color: #8caaee;
@@ -2979,7 +2979,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .workspace-animation {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 .calendar .calendar-change-month-back,
@@ -3011,7 +3011,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #overviewGroup {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 .osd-window {
@@ -3089,13 +3089,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .window-caption {
   color: #c6d0f5;
-  background-color: #232634;
+  background-color: #181926;
   border-radius: 9999px;
   padding: 6px 12px;
 }
 
 .window-close {
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
   border-radius: 21px;
   padding: 3px;
@@ -3107,17 +3107,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .window-close:hover {
   color: #c6d0f5;
-  background-color: #2f3346;
+  background-color: #242539;
 }
 
 .window-close:active {
   color: #c6d0f5;
-  background-color: #171922;
+  background-color: #0c0d13;
 }
 
 .workspace-background {
   border-radius: 30px;
-  background-color: #232634;
+  background-color: #181926;
   box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
 }
 
@@ -3226,11 +3226,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer.dashtodock #dash .dash-background {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 #dashtodockContainer #dash .dash-background {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 #dashtodockContainer .app-well-app-running-dot {
@@ -3288,11 +3288,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer.opaque #dash .dash-background {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 #dashtodockContainer.transparent #dash .dash-background {
-  background-color: rgba(35, 38, 52, 0.35);
+  background-color: rgba(24, 25, 38, 0.35);
 }
 
 #dashtodockContainer:overview #dash .dash-background {
@@ -3305,7 +3305,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer.extended:overview #dash .dash-background, #dashtodockContainer.opaque.extended:overview #dash .dash-background, #dashtodockContainer.transparent.extended:overview #dash .dash-background {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 #dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
diff --git a/src/main/gnome-shell/gnome-shell-Light.css b/src/main/gnome-shell/gnome-shell-Light.css
index 9fe2fbbb..072c1841 100644
--- a/src/main/gnome-shell/gnome-shell-Light.css
+++ b/src/main/gnome-shell/gnome-shell-Light.css
@@ -103,7 +103,7 @@ stage {
 .app-folder-dialog {
   border-radius: 36px;
   padding: 12px;
-  background-color: #232634;
+  background-color: #181926;
   border: 1px solid black;
   box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.1);
 }
@@ -205,7 +205,7 @@ StWidget.focused .app-well-app-running-dot {
 
 .system-action-icon {
   box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
   border-radius: 9999px;
   icon-size: 48px;
@@ -1244,7 +1244,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 /* Login Dialog */
 #lockDialogGroup {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 .login-dialog-banner-view {
@@ -2128,7 +2128,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 /* OSD */
 .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
   color: rgba(198, 208, 245, 0.7);
-  background-color: #232634;
+  background-color: #181926;
   border: none;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
   margin: 5px 8px 11px;
@@ -2166,7 +2166,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 .pad-osd-window {
   padding: 32px;
-  background-color: #232634;
+  background-color: #181926;
 }
 
 .pad-osd-window .pad-osd-title-box {
@@ -2537,14 +2537,14 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 .unlock-dialog-notifications-container .unlock-dialog-notification-source {
   padding: 12px 6px;
   border: none;
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
   border-radius: 12px;
 }
 
 .unlock-dialog-notifications-container .notification.critical,
 .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
-  background-color: #33384c;
+  background-color: #28293f;
 }
 
 .unlock-dialog-notification-label {
@@ -2979,7 +2979,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .workspace-animation {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 .calendar .calendar-change-month-back,
@@ -3011,7 +3011,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #overviewGroup {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 .osd-window {
@@ -3089,13 +3089,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .window-caption {
   color: #c6d0f5;
-  background-color: #232634;
+  background-color: #181926;
   border-radius: 9999px;
   padding: 6px 12px;
 }
 
 .window-close {
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
   border-radius: 21px;
   padding: 3px;
@@ -3107,17 +3107,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .window-close:hover {
   color: #c6d0f5;
-  background-color: #2f3346;
+  background-color: #242539;
 }
 
 .window-close:active {
   color: #c6d0f5;
-  background-color: #171922;
+  background-color: #0c0d13;
 }
 
 .workspace-background {
   border-radius: 30px;
-  background-color: #232634;
+  background-color: #181926;
   box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
 }
 
diff --git a/src/main/gnome-shell/gnome-shell.css b/src/main/gnome-shell/gnome-shell.css
index 948cecfa..bd311089 100644
--- a/src/main/gnome-shell/gnome-shell.css
+++ b/src/main/gnome-shell/gnome-shell.css
@@ -103,7 +103,7 @@ stage {
 .app-folder-dialog {
   border-radius: 36px;
   padding: 12px;
-  background-color: #232634;
+  background-color: #181926;
   border: 1px solid black;
   box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.1);
 }
@@ -205,7 +205,7 @@ StWidget.focused .app-well-app-running-dot {
 
 .system-action-icon {
   box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
   border-radius: 9999px;
   icon-size: 48px;
@@ -1244,7 +1244,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 /* Login Dialog */
 #lockDialogGroup {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 .login-dialog-banner-view {
@@ -2128,7 +2128,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 /* OSD */
 .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
   color: rgba(198, 208, 245, 0.7);
-  background-color: #232634;
+  background-color: #181926;
   border: none;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
   margin: 5px 8px 11px;
@@ -2166,7 +2166,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 .pad-osd-window {
   padding: 32px;
-  background-color: #232634;
+  background-color: #181926;
 }
 
 .pad-osd-window .pad-osd-title-box {
@@ -2187,7 +2187,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 /* Top Bar */
 #panel {
-  background-color: #232634;
+  background-color: #181926;
   font-weight: bold;
   height: 32px;
   color: rgba(198, 208, 245, 0.7);
@@ -2198,7 +2198,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 #panel .panel-corner {
   -panel-corner-radius: 0;
-  -panel-corner-background-color: #232634;
+  -panel-corner-background-color: #181926;
   -panel-corner-border-width: 2px;
   -panel-corner-border-color: transparent;
   -panel-corner-opacity: 1;
@@ -2537,14 +2537,14 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 .unlock-dialog-notifications-container .unlock-dialog-notification-source {
   padding: 12px 6px;
   border: none;
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
   border-radius: 12px;
 }
 
 .unlock-dialog-notifications-container .notification.critical,
 .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
-  background-color: #33384c;
+  background-color: #28293f;
 }
 
 .unlock-dialog-notification-label {
@@ -2979,7 +2979,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .workspace-animation {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 .calendar .calendar-change-month-back,
@@ -3011,7 +3011,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #overviewGroup {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 .osd-window {
@@ -3089,13 +3089,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .window-caption {
   color: #c6d0f5;
-  background-color: #232634;
+  background-color: #181926;
   border-radius: 9999px;
   padding: 6px 12px;
 }
 
 .window-close {
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
   border-radius: 21px;
   padding: 3px;
@@ -3107,17 +3107,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .window-close:hover {
   color: #c6d0f5;
-  background-color: #2f3346;
+  background-color: #242539;
 }
 
 .window-close:active {
   color: #c6d0f5;
-  background-color: #171922;
+  background-color: #0c0d13;
 }
 
 .workspace-background {
   border-radius: 30px;
-  background-color: #232634;
+  background-color: #181926;
   box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
 }
 
@@ -3226,11 +3226,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer.dashtodock #dash .dash-background {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 #dashtodockContainer #dash .dash-background {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 #dashtodockContainer .app-well-app-running-dot {
@@ -3288,11 +3288,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer.opaque #dash .dash-background {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 #dashtodockContainer.transparent #dash .dash-background {
-  background-color: rgba(35, 38, 52, 0.35);
+  background-color: rgba(24, 25, 38, 0.35);
 }
 
 #dashtodockContainer:overview #dash .dash-background {
@@ -3305,7 +3305,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer.extended:overview #dash .dash-background, #dashtodockContainer.opaque.extended:overview #dash .dash-background, #dashtodockContainer.transparent.extended:overview #dash .dash-background {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 #dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
diff --git a/src/main/gtk-3.0/gtk-Dark.css b/src/main/gtk-3.0/gtk-Dark.css
index b2d63b32..ea96d8bb 100644
--- a/src/main/gtk-3.0/gtk-Dark.css
+++ b/src/main/gtk-3.0/gtk-Dark.css
@@ -98,7 +98,7 @@ entry selection, label selection, textview text selection:focus, textview text s
  * Base States *
  ***************/
 .background {
-  background-color: #303446;
+  background-color: #24273a;
   color: #c6d0f5;
 }
 
@@ -115,22 +115,22 @@ entry selection, label selection, textview text selection:focus, textview text s
 }
 
 .gtkstyle-fallback {
-  background-color: #303446;
+  background-color: #24273a;
   color: #c6d0f5;
 }
 
 .gtkstyle-fallback:hover {
-  background-color: #262937;
+  background-color: #1a1c2a;
   color: #c6d0f5;
 }
 
 .gtkstyle-fallback:active {
-  background-color: #1b1e28;
+  background-color: #10121b;
   color: #c6d0f5;
 }
 
 .gtkstyle-fallback:disabled {
-  background-color: #303446;
+  background-color: #24273a;
   color: rgba(198, 208, 245, 0.5);
 }
 
@@ -140,7 +140,7 @@ entry selection, label selection, textview text selection:focus, textview text s
 }
 
 .view {
-  background-color: #303446;
+  background-color: #24273a;
   color: #c6d0f5;
 }
 
@@ -161,11 +161,11 @@ window.background.csd > stack.view {
 }
 
 textview text {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 textview border {
-  background-color: #232634;
+  background-color: #181926;
   color: rgba(198, 208, 245, 0.7);
 }
 
@@ -378,7 +378,7 @@ headerbar label:disabled, tab label:disabled, button label:disabled {
 
 label.osd {
   border-radius: 6px;
-  background-color: rgba(29, 31, 43, 0.9);
+  background-color: rgba(18, 19, 29, 0.9);
   color: #c6d0f5;
 }
 
@@ -571,7 +571,7 @@ entry progress {
 }
 
 treeview entry.flat, treeview entry {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
@@ -1240,7 +1240,7 @@ button.combo:only-child:disabled {
 toolbar {
   -GtkWidget-window-dragging: true;
   padding: 2px;
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 .osd toolbar {
@@ -1252,7 +1252,7 @@ frame.documents-dropdown, .app-notification, toolbar.osd {
   padding: 6px;
   border-radius: 6px;
   box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.1);
-  background-color: #414559;
+  background-color: #363a4f;
 }
 
 frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop {
@@ -1310,7 +1310,7 @@ toolbar:not(.inline-toolbar):not(.osd) switch {
   border-style: solid;
   border-width: 0 1px 1px;
   border-color: rgba(198, 208, 245, 0.12);
-  background-color: #232634;
+  background-color: #181926;
 }
 
 searchbar > revealer > box,
@@ -1319,7 +1319,7 @@ searchbar > revealer > box,
   border-style: solid;
   border-width: 0 0 1px;
   border-color: rgba(198, 208, 245, 0.12);
-  background-color: #303446;
+  background-color: #24273a;
   background-clip: border-box;
 }
 
@@ -1395,7 +1395,7 @@ searchbar > revealer > box {
 
 .titlebar {
   transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
   border-radius: 12px 12px 0 0;
   box-shadow: inset 0 -1px rgba(198, 208, 245, 0);
@@ -1414,7 +1414,7 @@ searchbar > revealer > box {
 }
 
 .csd .titlebar:backdrop {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 .titlebar .title {
@@ -1444,14 +1444,14 @@ searchbar > revealer > box {
 }
 
 .titlebar + separator, .titlebar + separator.sidebar {
-  background-color: #232634;
+  background-color: #181926;
   background-image: none;
   transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
   box-shadow: inset 0 -1px rgba(198, 208, 245, 0);
 }
 
 .titlebar + separator:backdrop, .titlebar + separator.sidebar:backdrop {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 .titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar {
@@ -1593,7 +1593,7 @@ headerbar {
 }
 
 box.vertical headerbar {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 headerbar entry,
@@ -1741,7 +1741,7 @@ treeview.view {
 
 treeview.view:selected {
   background-image: image(alpha(currentColor, 0.1));
-  background-color: #303446;
+  background-color: #24273a;
   color: #c6d0f5;
 }
 
@@ -1850,7 +1850,7 @@ treeview.view header button:not(:focus):not(:hover):not(:active) {
 }
 
 treeview.view header button, treeview.view header button:disabled {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 treeview.view header button:last-child {
@@ -1865,7 +1865,7 @@ treeview.view header.button.dnd {
   border-color: rgba(198, 208, 245, 0.12);
   border-radius: 0;
   box-shadow: none;
-  background-color: #303446;
+  background-color: #24273a;
   background-clip: border-box;
   color: #8caaee;
 }
@@ -1881,7 +1881,7 @@ menubar,
 .menubar {
   -GtkWidget-window-dragging: true;
   padding: 0;
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
   box-shadow: inset 0 -1px rgba(198, 208, 245, 0);
 }
@@ -1896,7 +1896,7 @@ menubar:backdrop,
 }
 
 .csd menubar:backdrop, .csd .menubar:backdrop {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 menubar > menuitem,
@@ -1944,7 +1944,7 @@ menu,
 .context-menu {
   margin: 6px;
   padding: 6px;
-  background-color: #414559;
+  background-color: #363a4f;
   background-clip: border-box;
   border-radius: 12px;
   border: 1px solid rgba(198, 208, 245, 0);
@@ -2030,7 +2030,7 @@ menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
 menu .view:selected,
 .menu .view:selected,
 .context-menu .view:selected {
-  background-color: #4e5369;
+  background-color: #444960;
 }
 
 menu > arrow,
@@ -2039,7 +2039,7 @@ menu > arrow,
   min-height: 16px;
   min-width: 16px;
   padding: 4px;
-  background-color: #414559;
+  background-color: #363a4f;
   color: rgba(198, 208, 245, 0.7);
 }
 
@@ -2087,7 +2087,7 @@ menu separator,
 popover.background {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 0;
-  background-color: #414559;
+  background-color: #363a4f;
   border-radius: 12px;
 }
 
@@ -2129,7 +2129,7 @@ popover.background > scrolledwindow > viewport.frame > list > row {
 
 popover.background .view:not(:selected),
 popover.background toolbar {
-  background-color: #414559;
+  background-color: #363a4f;
 }
 
 popover.background .linked > button:not(.radio) {
@@ -2204,7 +2204,7 @@ frame > paned > notebook > header, notebook.frame > header {
 }
 
 notebook, notebook.frame {
-  background-color: #303446;
+  background-color: #24273a;
   border-radius: 12px;
 }
 
@@ -2337,7 +2337,7 @@ notebook > stack:not(:only-child) {
  **************/
 scrollbar {
   transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 * {
@@ -2409,14 +2409,14 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
   min-width: 4px;
   min-height: 4px;
   margin: 3px;
-  border: 1px solid rgba(48, 52, 70, 0.3);
+  border: 1px solid rgba(36, 39, 58, 0.3);
 }
 
 scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
   min-width: 4px;
   min-height: 4px;
   margin: 3px;
-  border: 1px solid rgba(48, 52, 70, 0.3);
+  border: 1px solid rgba(36, 39, 58, 0.3);
   border-radius: 9999px;
   background-color: rgba(198, 208, 245, 0.5);
   background-clip: padding-box;
@@ -2444,7 +2444,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
 }
 
 scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
-  background-color: rgba(65, 69, 89, 0.9);
+  background-color: rgba(54, 58, 79, 0.9);
 }
 
 scrollbar.horizontal slider {
@@ -2783,7 +2783,7 @@ scale highlight {
 }
 
 scale highlight:disabled {
-  background-color: #303446;
+  background-color: #24273a;
   background-image: image(rgba(198, 208, 245, 0.3));
 }
 
@@ -2800,7 +2800,7 @@ scale slider {
   transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
   border-radius: 9999px;
   color: #8caaee;
-  background-color: #303446;
+  background-color: #24273a;
   box-shadow: inset 0 0 0 2px #8caaee;
 }
 
@@ -3195,7 +3195,7 @@ levelbar block.empty {
 printdialog paper {
   padding: 0;
   border: 1px solid rgba(198, 208, 245, 0.12);
-  background-color: #303446;
+  background-color: #24273a;
   color: #c6d0f5;
 }
 
@@ -3229,7 +3229,7 @@ frame.flat > border, frame > border.flat, statusbar frame > border {
 actionbar > revealer > box {
   padding: 6px;
   border-top: 1px solid rgba(198, 208, 245, 0.12);
-  background-color: #303446;
+  background-color: #24273a;
   background-clip: border-box;
 }
 
@@ -3289,7 +3289,7 @@ junction {
   border-style: solid none none solid;
   border-width: 1px;
   border-color: rgba(198, 208, 245, 0.12);
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 junction:dir(rtl) {
@@ -3369,7 +3369,7 @@ window.background.csd stack stack stack frame > list row:focus, window.backgroun
 
 list {
   border-color: rgba(198, 208, 245, 0.12);
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 list row {
@@ -3511,7 +3511,7 @@ calendar:indeterminate {
  * Dialogs *
  ***********/
 messagedialog.background {
-  background-color: #414559;
+  background-color: #363a4f;
 }
 
 messagedialog.background.csd {
@@ -3523,12 +3523,12 @@ messagedialog .titlebar {
   min-height: 24px;
   border-style: none;
   box-shadow: none;
-  background-color: #414559;
+  background-color: #363a4f;
   color: #c6d0f5;
 }
 
 messagedialog .titlebar:backdrop {
-  background-color: #414559;
+  background-color: #363a4f;
   color: rgba(198, 208, 245, 0.7);
 }
 
@@ -3553,7 +3553,7 @@ messagedialog .dialog-action-box button.destructive-action:not(:disabled), messa
 }
 
 .csd filechooser {
-  background-color: #303446;
+  background-color: #24273a;
   border-radius: 0 0 12px 12px;
 }
 
@@ -3563,7 +3563,7 @@ filechooser .dialog-action-box {
 
 filechooser #pathbarbox {
   border-bottom: 1px solid rgba(198, 208, 245, 0.12);
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 filechooser stack.view {
@@ -3628,7 +3628,7 @@ paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .
 
 stacksidebar.sidebar list {
   padding: 3px;
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 stacksidebar.sidebar row {
@@ -3764,7 +3764,7 @@ paned > separator {
 paned > separator.wide {
   min-width: 6px;
   min-height: 6px;
-  background-color: #303446;
+  background-color: #24273a;
   background-image: image(rgba(198, 208, 245, 0.12)), image(rgba(198, 208, 245, 0.12));
   background-size: 1px 1px, 1px 1px;
 }
@@ -3815,7 +3815,7 @@ infobar {
 }
 
 infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 infobar.info > revealer > box link:link, infobar.info:hover > revealer > box link:link, infobar.info:backdrop > revealer > box link:link {
@@ -3886,7 +3886,7 @@ tooltip {
 }
 
 tooltip.background {
-  background-color: rgba(29, 31, 43, 0.9);
+  background-color: rgba(18, 19, 29, 0.9);
   color: #c6d0f5;
 }
 
@@ -4008,7 +4008,7 @@ colorchooser .popover.osd {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   border-radius: 6px;
   box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.1);
-  background-color: #414559;
+  background-color: #363a4f;
 }
 
 colorchooser .popover.osd:backdrop {
@@ -4019,7 +4019,7 @@ colorchooser .popover.osd:backdrop {
  * Misc *
  ********/
 .content-view {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 /**********************
@@ -4028,7 +4028,7 @@ colorchooser .popover.osd:backdrop {
 decoration {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   border-radius: 12px;
-  background-color: #303446;
+  background-color: #24273a;
   box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0), 0 0 36px transparent;
   margin: 8px;
 }
@@ -4078,7 +4078,7 @@ tooltip.csd decoration {
 messagedialog.csd decoration {
   border-radius: 12px;
   border: 1px solid rgba(198, 208, 245, 0.1);
-  background-color: #414559;
+  background-color: #363a4f;
   background-clip: border-box;
 }
 
@@ -4087,12 +4087,12 @@ messagedialog.csd decoration {
   padding: 2px;
   border-radius: 0;
   box-shadow: none;
-  background-color: #232634;
+  background-color: #181926;
   border: 1px solid rgba(198, 208, 245, 0);
 }
 
 .solid-csd decoration:backdrop {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 button.titlebutton:not(.suggested-action):not(.destructive-action) {
@@ -4219,7 +4219,7 @@ cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl)
   border: solid 1px rgba(198, 208, 245, 0.12);
   border-radius: 7px;
   box-shadow: inset 0 -2px rgba(198, 208, 245, 0.12);
-  background-color: #414559;
+  background-color: #363a4f;
   color: #c6d0f5;
   font-size: smaller;
 }
@@ -4341,11 +4341,11 @@ popover.emoji-completion .emoji:hover {
  ************/
 .nautilus-window.background.csd {
   border-radius: 0 0 12px 12px;
-  background-color: #232634;
+  background-color: #181926;
 }
 
 .nautilus-window.background.csd:backdrop {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 .nautilus-window.background.csd > grid.horizontal > paned.horizontal > separator,
@@ -4367,7 +4367,7 @@ popover.emoji-completion .emoji:hover {
 }
 
 .nautilus-window.background.csd:not(.unified) notebook {
-  background-color: #303446;
+  background-color: #24273a;
   border-radius: 0 0 12px 12px;
 }
 
@@ -4394,9 +4394,9 @@ popover.emoji-completion .emoji:hover {
 
 .nautilus-window.background.csd:not(.unified) paned > separator.wide {
   min-width: 12px;
-  box-shadow: 12px 0 #303446;
-  background-color: #303446;
-  background-image: image(#3d404c);
+  box-shadow: 12px 0 #24273a;
+  background-color: #24273a;
+  background-image: image(#343540);
 }
 
 .nautilus-window.maximized, .nautilus-window.maximized placessidebar {
@@ -4539,12 +4539,12 @@ popover.emoji-completion .emoji:hover {
 .search-information {
   padding: 2px;
   border-bottom: 1px solid rgba(198, 208, 245, 0.12);
-  background-color: #303446;
+  background-color: #24273a;
   color: #c6d0f5;
 }
 
 .conflict-row:not(:selected) {
-  background-color: #66605c;
+  background-color: #5e5754;
 }
 
 .nautilus-window flowboxchild .icon-item-background {
@@ -4607,7 +4607,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:
 }
 
 .nautilus-window paned > separator {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 /*********
@@ -4640,7 +4640,7 @@ window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned s
 }
 
 .gedit-document-panel {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 .gedit-document-panel row button.flat {
@@ -4660,7 +4660,7 @@ window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned s
 .gedit-search-slider {
   margin: 0 6px 10px;
   padding: 6px;
-  background-color: #414559;
+  background-color: #363a4f;
   border-radius: 0 0 12px 12px;
   box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(17, 17, 27, 0);
 }
@@ -4687,7 +4687,7 @@ window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned s
 }
 
 .gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
-  background-color: #414559;
+  background-color: #363a4f;
 }
 
 .gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
@@ -4728,16 +4728,16 @@ frame.gedit-map-frame > border:dir(rtl) {
 .tweak-group-white,
 .tweak-white,
 .tweak-white:hover {
-  background-image: image(#303446);
+  background-image: image(#24273a);
 }
 
 .tweak-startup,
 .tweak-startup:hover {
-  background-image: image(#303446);
+  background-image: image(#24273a);
 }
 
 .tweak-group-startup {
-  background-image: image(#303446);
+  background-image: image(#24273a);
 }
 
 .tweak-group-startup row.tweak-startup {
@@ -4801,7 +4801,7 @@ window.background.csd > box.horizontal > stack.background frame > border {
 window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
 window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
 window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame {
-  background-color: #303446;
+  background-color: #24273a;
   border-bottom-right-radius: 12px;
 }
 
@@ -4821,7 +4821,7 @@ window.background.csd > box.horizontal frame.view {
 window.background.csd > leaflet > box.vertical > scrolledwindow.view,
 window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
 window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
-  background-color: #303446;
+  background-color: #24273a;
   border-bottom-left-radius: 12px;
 }
 
@@ -4903,7 +4903,7 @@ hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(
  * Gnome system monitor *
  ************************/
 window#gnome-system-monitor.background.csd > box.vertical > stack {
-  background-color: #303446;
+  background-color: #24273a;
   border-radius: 0 0 12px 12px;
 }
 
@@ -5055,13 +5055,13 @@ window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked
 }
 
 stack.view.polari-entry-area {
-  background-color: #303446;
+  background-color: #24273a;
   border-top: 1px solid rgba(198, 208, 245, 0.12);
   border-bottom-right-radius: 12px;
 }
 
 stack:disabled.view.polari-entry-area {
-  background-image: image(#303446);
+  background-image: image(#24273a);
 }
 
 /***********
@@ -5069,7 +5069,7 @@ stack:disabled.view.polari-entry-area {
  ***********/
 layouttabbar {
   border-bottom: 1px solid rgba(198, 208, 245, 0.12);
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 layouttabbar > box > button {
@@ -5082,7 +5082,7 @@ layouttab {
   border-width: 1px;
   border-color: rgba(17, 17, 27, 0);
   box-shadow: inset 0 -2px #8caaee;
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 layouttab separator.vertical {
@@ -5148,11 +5148,11 @@ popover.omnibar list row:not(:last-child) {
 entry.preferences-search {
   border-bottom: 1px solid rgba(198, 208, 245, 0.12);
   box-shadow: none;
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 preferences stacksidebar.sidebar list {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
@@ -5213,13 +5213,13 @@ dockpaned {
 eggsearchbar box.search-bar {
   padding: 0 8px;
   border-bottom: 1px solid rgba(198, 208, 245, 0.12);
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 docktabstrip {
   padding: 0 8px;
   border-bottom: 1px solid rgba(198, 208, 245, 0.12);
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 docktab {
@@ -5254,7 +5254,7 @@ docktab:checked {
 }
 
 dockoverlayedge {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 dockoverlayedge docktabstrip {
@@ -5271,14 +5271,14 @@ dockoverlayedge.right-edge docktab:checked {
 }
 
 pillbox {
-  background-color: #303446;
+  background-color: #24273a;
   border-radius: 6px;
 }
 
 layoutpane entry.search {
   border-bottom: 1px solid rgba(198, 208, 245, 0.12);
   box-shadow: none;
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 editortweak entry.search {
@@ -5333,7 +5333,7 @@ idelayoutstackheader button:checked {
 
 ideeditorutilities > dzldockpaned > box > stackswitcher {
   padding: 8px 0;
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
@@ -5457,11 +5457,11 @@ overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
 }
 
 .side-panel .view {
-  background-image: image(#232634);
+  background-image: image(#181926);
 }
 
 .side-panel .view:hover {
-  background-image: image(#303443);
+  background-image: image(#262837);
 }
 
 .side-panel .view:selected {
@@ -5528,16 +5528,16 @@ window.background.csd evview.view.content-view {
  *********************************/
 .background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
   border-radius: 0 0 12px 12px;
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 .background.csd > grid.horizontal > paned.horizontal > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 .background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow {
   border-radius: 0 0 0 12px;
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 /************
@@ -5665,7 +5665,7 @@ box.dialog-vbox scrolledwindow.related {
 }
 
 list.categories {
-  background-image: image(#232634);
+  background-image: image(#181926);
 }
 
 /*********
@@ -5675,7 +5675,7 @@ list.categories {
   min-height: 24px;
   padding: 0 4px;
   border-radius: 6px;
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
 }
 
@@ -5724,7 +5724,7 @@ window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded
 window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar,
 window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar {
   color: #c6d0f5;
-  background-color: #303446;
+  background-color: #24273a;
   box-shadow: none;
   border-bottom: 1px solid rgba(17, 17, 27, 0);
 }
@@ -5740,7 +5740,7 @@ window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer-
 }
 
 .geary-main-window.unified > deck > overlay > .geary-main-layout {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > headerbar,
@@ -5750,14 +5750,14 @@ window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer-
 
 .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar,
 .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar {
-  background-color: #232634;
+  background-color: #181926;
   box-shadow: inset 0 -1px rgba(198, 208, 245, 0);
   transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
 }
 
 .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar:backdrop,
 .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar:backdrop {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar {
@@ -5789,7 +5789,7 @@ window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer-
 .geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable {
   border: 1px solid rgba(198, 208, 245, 0.12);
   border-bottom-width: 0;
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 .geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:first-child {
@@ -5845,7 +5845,7 @@ dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwin
 dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
 dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow {
   border-radius: 0 0 12px 12px;
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active),
@@ -5939,7 +5939,7 @@ overlay > revealer.right > scrolledwindow.frame {
 
 .terminix-session-sidebar,
 .tilix-session-sidebar {
-  background-image: image(#414559);
+  background-image: image(#363a4f);
 }
 
 .terminal-titlebar button {
@@ -5963,7 +5963,7 @@ button.flat.tilix-small-button {
  * Terminator *
  **************/
 .terminator-terminal-window paned > separator {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 .terminator-terminal-window notebook.frame {
@@ -5998,7 +5998,7 @@ window.background > box.vertical > scrolledwindow > widget toolbar button {
  * Chromium *
  ************/
 window.background.chromium {
-  background-color: #414559;
+  background-color: #363a4f;
 }
 
 window.background.chromium entry,
@@ -6038,11 +6038,11 @@ window.background.chromium treeview.view.cell:selected:focus {
 
 window.background.chromium treeview.view button {
   border: 1px solid rgba(198, 208, 245, 0.3);
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 window.background.chromium menu {
-  border-color: #515876;
+  border-color: #43496c;
 }
 
 window.background.chromium menu menuitem {
@@ -6050,14 +6050,14 @@ window.background.chromium menu menuitem {
 }
 
 tooltip.background.chromium {
-  background-color: #1d1f2b;
+  background-color: #12131d;
 }
 
 /***********
  * Firefox *
  ***********/
 #MozillaGtkWidget > widget text {
-  background-color: #414559;
+  background-color: #363a4f;
 }
 
 #MozillaGtkWidget > widget text:selected {
@@ -6091,7 +6091,7 @@ tooltip.background.chromium {
 
 #MozillaGtkWidget > widget > entry {
   min-height: 30px;
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 #MozillaGtkWidget > widget > entry:focus {
@@ -6100,7 +6100,7 @@ tooltip.background.chromium {
 }
 
 #MozillaGtkWidget > widget > entry:disabled {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 #MozillaGtkWidget > widget > button > button {
@@ -6251,7 +6251,7 @@ scrolledwindow#DialogNotebook > viewport.frame > notebook.frame button.close-but
  * Libreoffice *
  ***************/
 window.background > grid > widget > widget > scrolledwindow > viewport > grid > box > box > frame > box {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 /*********
@@ -6294,12 +6294,12 @@ UnityDecoration .top {
   border-style: none;
   border-radius: 12px 12px 0 0;
   box-shadow: inset 0 1px rgba(198, 208, 245, 0.1);
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
 }
 
 UnityDecoration .top:backdrop {
-  background-color: #303446;
+  background-color: #24273a;
   color: rgba(198, 208, 245, 0.7);
 }
 
@@ -6324,7 +6324,7 @@ UnityDecoration .menuitem:hover {
 
 UnityPanelWidget,
 .unity-panel {
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
 }
 
@@ -6360,7 +6360,7 @@ UnityPanelWidget:backdrop,
 }
 
 .mate-panel-menu-bar {
-  background-color: #232634;
+  background-color: #181926;
   color: rgba(198, 208, 245, 0.7);
   font-weight: 500;
 }
@@ -6485,7 +6485,7 @@ PanelApplet.wnck-applet .wnck-pager:selected {
   border: 1px solid rgba(17, 17, 27, 0);
   border-radius: 7px;
   box-shadow: inset 0 1px rgba(198, 208, 245, 0.1);
-  background-color: #414559;
+  background-color: #363a4f;
 }
 
 #MatePanelPopupWindow frame > border {
@@ -6531,7 +6531,7 @@ na-tray-applet {
   border: 1px solid rgba(17, 17, 27, 0);
   border-radius: 7px;
   box-shadow: inset 0 1px rgba(198, 208, 245, 0.1);
-  background-color: #414559;
+  background-color: #363a4f;
 }
 
 .mate-panel-applet-slider frame > border {
@@ -6549,7 +6549,7 @@ na-tray-applet {
 
 #mate-menu {
   border: 1px solid rgba(17, 17, 27, 0);
-  background-color: #414559;
+  background-color: #363a4f;
 }
 
 #mate-menu button {
@@ -6584,7 +6584,7 @@ na-tray-applet {
 
 .brisk-menu {
   box-shadow: inset 0 1px rgba(198, 208, 245, 0.1);
-  background-color: #414559;
+  background-color: #363a4f;
 }
 
 .brisk-menu entry {
@@ -6666,7 +6666,7 @@ na-tray-applet {
 
 .caja-side-pane notebook viewport.frame,
 .caja-side-pane notebook widget .vertical {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 .caja-side-pane notebook,
@@ -6698,7 +6698,7 @@ na-tray-applet {
 }
 
 .caja-desktop.view .entry {
-  background-color: #303446;
+  background-color: #24273a;
   color: #c6d0f5;
   caret-color: currentColor;
 }
@@ -6719,7 +6719,7 @@ na-tray-applet {
 
 #caja-extra-view-widget {
   border-bottom: 1px solid rgba(198, 208, 245, 0.12);
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 #caja-extra-view-widget > box > box > label {
@@ -6786,7 +6786,7 @@ na-tray-applet {
   border: 1px solid rgba(17, 17, 27, 0);
   border-radius: 7px;
   box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.1);
-  background-color: #414559;
+  background-color: #363a4f;
 }
 
 .lock-dialog frame > border {
@@ -6800,7 +6800,7 @@ na-tray-applet {
 /* multimedia OSD */
 MsdOsdWindow.background.osd {
   border-radius: 6px;
-  background-color: rgba(29, 31, 43, 0.9);
+  background-color: rgba(18, 19, 29, 0.9);
   color: #c6d0f5;
 }
 
@@ -6837,7 +6837,7 @@ MsdOsdWindow.background.osd .progressbar {
   border: 1px solid rgba(198, 208, 245, 0.1);
   box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0);
   background-clip: border-box;
-  background-color: #303446;
+  background-color: #24273a;
   border-radius: 12px;
 }
 
@@ -7090,13 +7090,13 @@ MsdOsdWindow.background.osd .progressbar {
 
 .budgie-panel {
   transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
-  background-color: #232634;
+  background-color: #181926;
   color: rgba(198, 208, 245, 0.7);
   font-weight: 500;
 }
 
 .budgie-panel.transparent {
-  background-color: rgba(35, 38, 52, 0.75);
+  background-color: rgba(24, 25, 38, 0.75);
 }
 
 .budgie-panel button {
@@ -7273,7 +7273,7 @@ frame.raven-frame > border {
 }
 
 .raven {
-  background-color: #414559;
+  background-color: #363a4f;
   box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
 }
 
@@ -7321,7 +7321,7 @@ frame.raven-frame > border {
   border-style: solid none;
   border-width: 1px;
   border-color: rgba(198, 208, 245, 0.12);
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 .raven .raven-background > overlay > widget > image {
@@ -7381,7 +7381,7 @@ calendar.raven-calendar:selected {
 }
 
 .raven-mpris {
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
 }
 
@@ -7454,7 +7454,7 @@ calendar.raven-calendar:selected {
   padding: 3px;
   border-radius: 12px;
   box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.1);
-  background-color: #414559;
+  background-color: #363a4f;
 }
 
 .drop-shadow .linked > button {
@@ -7464,7 +7464,7 @@ calendar.raven-calendar:selected {
 .budgie-session-dialog,
 .budgie-polkit-dialog,
 .budgie-run-dialog {
-  background-color: #414559;
+  background-color: #363a4f;
   border: none;
   padding: 0;
 }
@@ -7541,7 +7541,7 @@ calendar.raven-calendar:selected {
  * Xfce4 Apps *
  **************/
 .XfceHeading {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 /***************
@@ -7549,7 +7549,7 @@ calendar.raven-calendar:selected {
  ***************/
 .xfce4-panel.background {
   border: none;
-  background-color: #232634;
+  background-color: #181926;
   color: rgba(198, 208, 245, 0.7);
   font-weight: 500;
 }
@@ -7598,7 +7598,7 @@ window#whiskermenu-window {
 }
 
 window#whiskermenu-window entry.search:focus {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 window#whiskermenu-window > frame > border {
@@ -7606,7 +7606,7 @@ window#whiskermenu-window > frame > border {
   padding: 6px 8px 6px 9px;
   margin: 6px;
   border: none;
-  background-color: #303446;
+  background-color: #24273a;
   box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0), inset 0 0 0 1px rgba(198, 208, 245, 0.1);
 }
 
@@ -7630,7 +7630,7 @@ window#whiskermenu-window box.categories > button.radio:checked:hover, window#wh
 
 window#whiskermenu-window scrolledwindow.frame {
   padding: 3px;
-  background-color: #303446;
+  background-color: #24273a;
   border-radius: 6px;
 }
 
@@ -7734,7 +7734,7 @@ menubar.-vala-panel-background > menuitem:disabled {
  * LightDM GTK+ Greeter *
  ************************/
 #panel_window {
-  background-color: #303446;
+  background-color: #24273a;
   color: #c6d0f5;
 }
 
@@ -7769,7 +7769,7 @@ menubar.-vala-panel-background > menuitem:disabled {
   margin: 8px;
   border-radius: 6px;
   box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.1);
-  background-color: #414559;
+  background-color: #363a4f;
 }
 
 #content_frame {
@@ -7793,7 +7793,7 @@ menubar.-vala-panel-background > menuitem:disabled {
  * Nemo *
  ********/
 .nemo-window .primary-toolbar {
-  background-color: #232634;
+  background-color: #181926;
   border-bottom: 1px solid rgba(198, 208, 245, 0.12);
 }
 
@@ -7858,7 +7858,7 @@ menubar.-vala-panel-background > menuitem:disabled {
 }
 
 .nemo-window .nemo-inactive-pane .view:not(:selected) {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 .nemo-window .nemo-window-pane widget.entry {
@@ -7867,7 +7867,7 @@ menubar.-vala-panel-background > menuitem:disabled {
 }
 
 .places-treeview {
-  -NemoPlacesTreeView-disk-full-bg-color: #5d637b;
+  -NemoPlacesTreeView-disk-full-bg-color: #555a72;
   -NemoPlacesTreeView-disk-full-fg-color: #8caaee;
   -NemoPlacesTreeView-disk-full-bar-width: 2px;
   -NemoPlacesTreeView-disk-full-bar-radius: 0;
@@ -7888,10 +7888,10 @@ text color for entries, views and content in general */
 @define-color theme_text_color #c6d0f5;
 /*
 widget base background color */
-@define-color theme_bg_color #303446;
+@define-color theme_bg_color #24273a;
 /*
 text widgets and the like base background color */
-@define-color theme_base_color #303446;
+@define-color theme_base_color #24273a;
 /*
 base background color of selections */
 @define-color theme_selected_bg_color #8caaee;
@@ -7900,13 +7900,13 @@ text/foreground color of selections */
 @define-color theme_selected_fg_color rgba(17, 17, 27, 0.87);
 /*
 base background color of insensitive widgets */
-@define-color insensitive_bg_color #303446;
+@define-color insensitive_bg_color #24273a;
 /*
 text foreground color of insensitive widgets */
 @define-color insensitive_fg_color rgba(198, 208, 245, 0.5);
 /*
 insensitive text widgets and the like base background color */
-@define-color insensitive_base_color #232634;
+@define-color insensitive_base_color #181926;
 /*
 widget text/foreground color on backdrop windows */
 @define-color theme_unfocused_fg_color #c6d0f5;
@@ -7915,10 +7915,10 @@ text color for entries, views and content in general on backdrop windows */
 @define-color theme_unfocused_text_color #c6d0f5;
 /*
 widget base background color on backdrop windows */
-@define-color theme_unfocused_bg_color #303446;
+@define-color theme_unfocused_bg_color #24273a;
 /*
 text widgets and the like base background color on backdrop windows */
-@define-color theme_unfocused_base_color #303446;
+@define-color theme_unfocused_base_color #24273a;
 /*
 base background color of selections on backdrop windows */
 @define-color theme_unfocused_selected_bg_color #8caaee;
@@ -7945,9 +7945,9 @@ read if you used those and something break with a version upgrade you're on your
 @define-color wm_title #c6d0f5;
 @define-color wm_unfocused_title rgba(198, 208, 245, 0.7);
 @define-color wm_highlight rgba(198, 208, 245, 0.1);
-@define-color wm_border #0a0a0e;
-@define-color wm_bg #232634;
-@define-color wm_unfocused_bg #303446;
+@define-color wm_border #07080c;
+@define-color wm_bg #181926;
+@define-color wm_unfocused_bg #24273a;
 @define-color wm_button_icon white;
 @define-color wm_button_close_hover_bg #e78284;
 @define-color wm_button_close_active_bg #dd4f51;
@@ -7957,13 +7957,13 @@ read if you used those and something break with a version upgrade you're on your
 @define-color wm_button_min_active_bg #d9af5e;
 /*
 FIXME this is really an API */
-@define-color content_view_bg #303446;
-@define-color placeholder_text_color #99a1c1;
+@define-color content_view_bg #24273a;
+@define-color placeholder_text_color #959dbd;
 /* Very contrasty background for text views (@theme_text_color foreground) */
-@define-color text_view_bg #303446;
+@define-color text_view_bg #24273a;
 @define-color budgie_tasklist_indicator_color white;
 @define-color budgie_tasklist_indicator_color_active white;
-@define-color budgie_tasklist_indicator_color_active_window #9a9ba2;
+@define-color budgie_tasklist_indicator_color_active_window #95959b;
 @define-color budgie_tasklist_indicator_color_attention #e5c890;
 @define-color STRAWBERRY_100 #FF9262;
 @define-color STRAWBERRY_300 #FF793E;
diff --git a/src/main/gtk-3.0/gtk-Light.css b/src/main/gtk-3.0/gtk-Light.css
index c3d2d708..2b601c78 100644
--- a/src/main/gtk-3.0/gtk-Light.css
+++ b/src/main/gtk-3.0/gtk-Light.css
@@ -378,7 +378,7 @@ headerbar label:disabled, tab label:disabled, button label:disabled {
 
 label.osd {
   border-radius: 6px;
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   color: #c6d0f5;
 }
 
@@ -3886,7 +3886,7 @@ tooltip {
 }
 
 tooltip.background {
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   color: #c6d0f5;
 }
 
@@ -5667,7 +5667,7 @@ list.categories {
   min-height: 24px;
   padding: 0 4px;
   border-radius: 6px;
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
 }
 
@@ -6042,7 +6042,7 @@ window.background.chromium menu menuitem {
 }
 
 tooltip.background.chromium {
-  background-color: #3b3e50;
+  background-color: #303346;
 }
 
 /***********
@@ -6690,7 +6690,7 @@ na-tray-applet {
 }
 
 .caja-desktop.view .entry {
-  background-color: #303446;
+  background-color: #24273a;
   color: #c6d0f5;
   caret-color: currentColor;
 }
@@ -6792,7 +6792,7 @@ na-tray-applet {
 /* multimedia OSD */
 MsdOsdWindow.background.osd {
   border-radius: 6px;
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   color: #c6d0f5;
 }
 
@@ -7373,7 +7373,7 @@ calendar.raven-calendar:selected {
 }
 
 .raven-mpris {
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
 }
 
@@ -7726,7 +7726,7 @@ menubar.-vala-panel-background > menuitem:disabled {
  * LightDM GTK+ Greeter *
  ************************/
 #panel_window {
-  background-color: #303446;
+  background-color: #24273a;
   color: #c6d0f5;
 }
 
diff --git a/src/main/gtk-3.0/gtk.css b/src/main/gtk-3.0/gtk.css
index 453b41fc..ebb52dd8 100644
--- a/src/main/gtk-3.0/gtk.css
+++ b/src/main/gtk-3.0/gtk.css
@@ -378,7 +378,7 @@ headerbar label:disabled, tab label:disabled, button label:disabled {
 
 label.osd {
   border-radius: 6px;
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   color: #c6d0f5;
 }
 
@@ -1395,7 +1395,7 @@ searchbar > revealer > box {
 
 .titlebar {
   transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
   border-radius: 12px 12px 0 0;
   box-shadow: inset 0 -1px rgba(17, 17, 27, 0), inset 0 1px rgba(198, 208, 245, 0.1);
@@ -1414,7 +1414,7 @@ searchbar > revealer > box {
 }
 
 .csd .titlebar:backdrop {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 .titlebar .title {
@@ -1444,14 +1444,14 @@ searchbar > revealer > box {
 }
 
 .titlebar + separator, .titlebar + separator.sidebar {
-  background-color: #232634;
+  background-color: #181926;
   background-image: none;
   transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
   box-shadow: inset 0 -1px rgba(17, 17, 27, 0), inset 0 1px rgba(198, 208, 245, 0.1);
 }
 
 .titlebar + separator:backdrop, .titlebar + separator.sidebar:backdrop {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 .titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar {
@@ -1602,7 +1602,7 @@ headerbar {
 }
 
 box.vertical headerbar {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 headerbar entry,
@@ -1890,7 +1890,7 @@ menubar,
 .menubar {
   -GtkWidget-window-dragging: true;
   padding: 0;
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
   box-shadow: inset 0 -1px rgba(17, 17, 27, 0);
 }
@@ -1905,7 +1905,7 @@ menubar:backdrop,
 }
 
 .csd menubar:backdrop, .csd .menubar:backdrop {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 menubar > menuitem,
@@ -3895,7 +3895,7 @@ tooltip {
 }
 
 tooltip.background {
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   color: #c6d0f5;
 }
 
@@ -4088,12 +4088,12 @@ messagedialog.csd decoration {
   padding: 2px;
   border-radius: 0;
   box-shadow: none;
-  background-color: #232634;
+  background-color: #181926;
   border: 1px solid rgba(17, 17, 27, 0);
 }
 
 .solid-csd decoration:backdrop {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 button.titlebutton:not(.suggested-action):not(.destructive-action) {
@@ -5676,7 +5676,7 @@ list.categories {
   min-height: 24px;
   padding: 0 4px;
   border-radius: 6px;
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
 }
 
@@ -5751,14 +5751,14 @@ window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer-
 
 .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar,
 .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar {
-  background-color: #232634;
+  background-color: #181926;
   box-shadow: inset 0 -1px rgba(17, 17, 27, 0);
   transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
 }
 
 .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar:backdrop,
 .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar:backdrop {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar {
@@ -6051,7 +6051,7 @@ window.background.chromium menu menuitem {
 }
 
 tooltip.background.chromium {
-  background-color: #3b3e50;
+  background-color: #303346;
 }
 
 /***********
@@ -6295,12 +6295,12 @@ UnityDecoration .top {
   border-style: none;
   border-radius: 12px 12px 0 0;
   box-shadow: inset 0 1px rgba(198, 208, 245, 0.1);
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
 }
 
 UnityDecoration .top:backdrop {
-  background-color: #303446;
+  background-color: #24273a;
   color: rgba(198, 208, 245, 0.7);
 }
 
@@ -6325,7 +6325,7 @@ UnityDecoration .menuitem:hover {
 
 UnityPanelWidget,
 .unity-panel {
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
 }
 
@@ -6361,7 +6361,7 @@ UnityPanelWidget:backdrop,
 }
 
 .mate-panel-menu-bar {
-  background-color: #232634;
+  background-color: #181926;
   color: rgba(198, 208, 245, 0.7);
   font-weight: 500;
 }
@@ -6699,7 +6699,7 @@ na-tray-applet {
 }
 
 .caja-desktop.view .entry {
-  background-color: #303446;
+  background-color: #24273a;
   color: #c6d0f5;
   caret-color: currentColor;
 }
@@ -6801,7 +6801,7 @@ na-tray-applet {
 /* multimedia OSD */
 MsdOsdWindow.background.osd {
   border-radius: 6px;
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   color: #c6d0f5;
 }
 
@@ -7091,13 +7091,13 @@ MsdOsdWindow.background.osd .progressbar {
 
 .budgie-panel {
   transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
-  background-color: #232634;
+  background-color: #181926;
   color: rgba(198, 208, 245, 0.7);
   font-weight: 500;
 }
 
 .budgie-panel.transparent {
-  background-color: rgba(35, 38, 52, 0.75);
+  background-color: rgba(24, 25, 38, 0.75);
 }
 
 .budgie-panel button {
@@ -7382,7 +7382,7 @@ calendar.raven-calendar:selected {
 }
 
 .raven-mpris {
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
 }
 
@@ -7550,7 +7550,7 @@ calendar.raven-calendar:selected {
  ***************/
 .xfce4-panel.background {
   border: none;
-  background-color: #232634;
+  background-color: #181926;
   color: rgba(198, 208, 245, 0.7);
   font-weight: 500;
 }
@@ -7735,7 +7735,7 @@ menubar.-vala-panel-background > menuitem:disabled {
  * LightDM GTK+ Greeter *
  ************************/
 #panel_window {
-  background-color: #303446;
+  background-color: #24273a;
   color: #c6d0f5;
 }
 
@@ -7794,7 +7794,7 @@ menubar.-vala-panel-background > menuitem:disabled {
  * Nemo *
  ********/
 .nemo-window .primary-toolbar {
-  background-color: #232634;
+  background-color: #181926;
   border-bottom: 1px solid rgba(17, 17, 27, 0.12);
 }
 
@@ -7947,8 +7947,8 @@ read if you used those and something break with a version upgrade you're on your
 @define-color wm_unfocused_title rgba(198, 208, 245, 0.7);
 @define-color wm_highlight rgba(198, 208, 245, 0.1);
 @define-color wm_border #81879f;
-@define-color wm_bg #232634;
-@define-color wm_unfocused_bg #303446;
+@define-color wm_bg #181926;
+@define-color wm_unfocused_bg #24273a;
 @define-color wm_button_icon white;
 @define-color wm_button_close_hover_bg #e78284;
 @define-color wm_button_close_active_bg #dd4f51;
@@ -7964,7 +7964,7 @@ FIXME this is really an API */
 @define-color text_view_bg #c6d0f5;
 @define-color budgie_tasklist_indicator_color white;
 @define-color budgie_tasklist_indicator_color_active white;
-@define-color budgie_tasklist_indicator_color_active_window #9a9ba2;
+@define-color budgie_tasklist_indicator_color_active_window #95959b;
 @define-color budgie_tasklist_indicator_color_attention #e5c890;
 @define-color STRAWBERRY_100 #FF9262;
 @define-color STRAWBERRY_300 #FF793E;
diff --git a/src/main/gtk-4.0/gtk-Dark.css b/src/main/gtk-4.0/gtk-Dark.css
index 265ead03..b855dc38 100644
--- a/src/main/gtk-4.0/gtk-Dark.css
+++ b/src/main/gtk-4.0/gtk-Dark.css
@@ -2,7 +2,7 @@
  * Base States *
  ***************/
 .background {
-  background-color: #303446;
+  background-color: #24273a;
   color: #c6d0f5;
 }
 
@@ -28,7 +28,7 @@ treeview.expander:disabled {
 }
 
 iconview, .view {
-  background-color: #303446;
+  background-color: #24273a;
   color: #c6d0f5;
 }
 
@@ -41,11 +41,11 @@ iconview:selected, .view:selected {
 }
 
 textview text {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 textview border {
-  background-color: #232634;
+  background-color: #181926;
   color: rgba(198, 208, 245, 0.7);
 }
 
@@ -85,7 +85,7 @@ gridview > child box {
 
 coverflow cover {
   color: #c6d0f5;
-  background-color: #303446;
+  background-color: #24273a;
   border: 1px solid black;
 }
 
@@ -103,7 +103,7 @@ headerbar label:disabled, tab label:disabled, button label:disabled {
 
 label.osd {
   border-radius: 6px;
-  background-color: rgba(29, 31, 43, 0.9);
+  background-color: rgba(18, 19, 29, 0.9);
   color: #c6d0f5;
 }
 
@@ -132,7 +132,7 @@ window.assistant .sidebar label.highlight {
 popover.background.touch-selection > contents, popover.background.magnifier > arrow,
 popover.background.magnifier > contents, .osd {
   color: #c6d0f5;
-  background-color: #303446;
+  background-color: #24273a;
   background-clip: padding-box;
   border-radius: 6px;
   border: none;
@@ -158,7 +158,7 @@ toast {
   border-spacing: 6px;
   padding: 6px;
   box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(198, 208, 245, 0.1);
-  background-color: #303446;
+  background-color: #24273a;
   color: #c6d0f5;
   border: none;
 }
@@ -392,7 +392,7 @@ entry progress > trough > progress {
 }
 
 treeview entry.flat, treeview entry {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within {
@@ -629,7 +629,7 @@ button separator {
 }
 
 button.opaque {
-  background-color: #4e5369;
+  background-color: #44495f;
   color: #c6d0f5;
 }
 
@@ -904,7 +904,7 @@ menubutton.destructive-action {
 }
 
 menubutton.opaque {
-  background-color: #4e5369;
+  background-color: #44495f;
   color: #c6d0f5;
 }
 
@@ -1033,7 +1033,7 @@ splitbutton.destructive-action {
 }
 
 splitbutton.opaque {
-  background-color: #4e5369;
+  background-color: #44495f;
   color: #c6d0f5;
 }
 
@@ -1457,7 +1457,7 @@ button.combo:only-child:disabled {
 .toolbar,
 toolbar {
   padding: 3px 6px;
-  background-color: #303446;
+  background-color: #24273a;
   border-spacing: 6px;
 }
 
@@ -1471,7 +1471,7 @@ toolbar.osd {
   padding: 6px;
   border-radius: 6px;
   box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.1);
-  background-color: #414559;
+  background-color: #363a4f;
 }
 
 .app-notification:backdrop, .toolbar.osd:backdrop,
@@ -1551,7 +1551,7 @@ searchbar > revealer > box {
   border-style: solid;
   border-width: 0 0 1px;
   border-color: rgba(198, 208, 245, 0.12);
-  background-color: #303446;
+  background-color: #24273a;
   background-clip: border-box;
   box-shadow: none;
 }
@@ -1630,7 +1630,7 @@ headerbar entry image:disabled {
 headerbar {
   transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
   box-shadow: inset 0 -1px rgba(198, 208, 245, 0.12);
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
   min-height: 48px;
   padding: 0 6px;
@@ -1641,7 +1641,7 @@ headerbar:disabled {
 }
 
 headerbar:backdrop {
-  background-color: #303446;
+  background-color: #24273a;
   color: rgba(198, 208, 245, 0.7);
 }
 
@@ -1684,7 +1684,7 @@ headerbar headerbar + separator {
 }
 
 box.vertical headerbar {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 headerbar > windowhandle > box {
@@ -1796,11 +1796,11 @@ headerbar.default-decoration windowcontrols menubutton button {
 }
 
 window.devel headerbar.titlebar {
-  background: #232634 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(140, 170, 238, 0.1)), linear-gradient(to top, #292d3d 3px, #2d3143);
+  background: #181926 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(140, 170, 238, 0.1)), linear-gradient(to top, #1e1f2f 3px, #222336);
 }
 
 window.devel headerbar.titlebar:backdrop {
-  background: #232634 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#232634);
+  background: #181926 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#181926);
   /* background-color would flash */
 }
 
@@ -2053,7 +2053,7 @@ treeview.view > header > button:not(:focus):not(:hover):not(:active) {
 columnview.view > header > button, columnview.view > header > button:disabled,
 treeview.view > header > button,
 treeview.view > header > button:disabled {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 columnview.view > header > button:last-child,
@@ -2071,7 +2071,7 @@ treeview.view header.button.dnd {
   border-color: rgba(198, 208, 245, 0.12);
   border-radius: 0;
   box-shadow: none;
-  background-color: #303446;
+  background-color: #24273a;
   background-clip: border-box;
   color: #8caaee;
 }
@@ -2090,12 +2090,12 @@ stack.view treeview.view {
  *********/
 menubar {
   padding: 0;
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
 }
 
 menubar:backdrop {
-  background-color: #303446;
+  background-color: #24273a;
   color: rgba(198, 208, 245, 0.7);
 }
 
@@ -2224,7 +2224,7 @@ popover.background > arrow,
 popover.background > contents {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 6px;
-  background-color: #414559;
+  background-color: #363a4f;
   border-radius: 12px;
   border: 1px solid rgba(198, 208, 245, 0.1);
   background-clip: border-box;
@@ -2255,7 +2255,7 @@ popover.background > contents list separator {
 
 popover.background .view:not(:selected),
 popover.background toolbar {
-  background-color: #414559;
+  background-color: #363a4f;
 }
 
 popover.background .linked > button:not(.radio) {
@@ -2289,7 +2289,7 @@ popover.background button.model {
 }
 
 magnifier {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 /*************
@@ -2337,7 +2337,7 @@ frame > paned > notebook > header, notebook.frame > header {
 }
 
 notebook, notebook.frame {
-  background-color: #303446;
+  background-color: #24273a;
   border-radius: 12px;
 }
 
@@ -2503,11 +2503,11 @@ tabbar undershoot {
 }
 
 tabbar undershoot.left {
-  background: linear-gradient(to right, #303446, rgba(0, 0, 0, 0) 20px);
+  background: linear-gradient(to right, #24273a, rgba(0, 0, 0, 0) 20px);
 }
 
 tabbar undershoot.right {
-  background: linear-gradient(to left, #303446, rgba(0, 0, 0, 0) 20px);
+  background: linear-gradient(to left, #24273a, rgba(0, 0, 0, 0) 20px);
 }
 
 tabbar .needs-attention-left undershoot.left {
@@ -2568,11 +2568,11 @@ tabbar:not(.inline) scrolledwindow.pinned undershoot {
 }
 
 tabbar:not(.inline) undershoot.left {
-  background: linear-gradient(to right, #232634, rgba(0, 0, 0, 0) 20px);
+  background: linear-gradient(to right, #181926, rgba(0, 0, 0, 0) 20px);
 }
 
 tabbar:not(.inline) undershoot.right {
-  background: linear-gradient(to left, #232634, rgba(0, 0, 0, 0) 20px);
+  background: linear-gradient(to left, #181926, rgba(0, 0, 0, 0) 20px);
 }
 
 tabbar:not(.inline) .needs-attention-left undershoot.left {
@@ -2584,23 +2584,23 @@ tabbar:not(.inline) .needs-attention-right undershoot.right {
 }
 
 tabbar:not(.inline) tabbox > background {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 tabbar:not(.inline) .start-action,
 tabbar:not(.inline) .end-action {
-  background-color: alpha(#232634, 0.6);
+  background-color: alpha(#181926, 0.6);
   border-color: rgba(198, 208, 245, 0);
 }
 
 tabbar:not(.inline):backdrop .box {
-  background-color: #303446;
+  background-color: #24273a;
   transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
 }
 
 dnd tab {
   min-height: 24px;
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
   box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
   outline: 1px solid rgba(17, 17, 27, 0);
@@ -2636,7 +2636,7 @@ tabbox:drop(active) {
  **************/
 scrollbar {
   transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
-  background-color: #303446;
+  background-color: #24273a;
   box-shadow: none;
   outline: none;
 }
@@ -2707,14 +2707,14 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > sli
   min-width: 4px;
   min-height: 4px;
   margin: 3px;
-  border: 1px solid rgba(48, 52, 70, 0.3);
+  border: 1px solid rgba(36, 39, 58, 0.3);
 }
 
 scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
   min-width: 4px;
   min-height: 4px;
   margin: 3px;
-  border: 1px solid rgba(48, 52, 70, 0.3);
+  border: 1px solid rgba(36, 39, 58, 0.3);
   border-radius: 9999px;
   background-color: rgba(198, 208, 245, 0.5);
   background-clip: padding-box;
@@ -2742,7 +2742,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
 }
 
 scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
-  background-color: rgba(65, 69, 89, 0.9);
+  background-color: rgba(54, 58, 79, 0.9);
 }
 
 scrollbar.horizontal > range > trough > slider {
@@ -3109,7 +3109,7 @@ scale highlight {
 }
 
 scale highlight:disabled {
-  background-color: #303446;
+  background-color: #24273a;
   background-image: image(rgba(198, 208, 245, 0.3));
 }
 
@@ -3126,7 +3126,7 @@ scale slider {
   transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
   border-radius: 9999px;
   color: #8caaee;
-  background-color: #303446;
+  background-color: #24273a;
   box-shadow: inset 0 0 0 2px #8caaee;
 }
 
@@ -3520,7 +3520,7 @@ window.dialog.print drawing {
 window.dialog.print drawing paper {
   padding: 0;
   border: 1px solid rgba(198, 208, 245, 0.12);
-  background-color: #303446;
+  background-color: #24273a;
   color: #c6d0f5;
 }
 
@@ -3567,7 +3567,7 @@ actionbar > revealer > box {
   padding: 6px;
   border-spacing: 6px;
   box-shadow: inset 0 1px rgba(198, 208, 245, 0);
-  background-color: #303446;
+  background-color: #24273a;
   background-clip: border-box;
   border: none;
 }
@@ -3678,7 +3678,7 @@ junction {
   border-style: solid none none solid;
   border-width: 1px;
   border-color: rgba(198, 208, 245, 0.12);
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 junction:dir(rtl) {
@@ -3758,7 +3758,7 @@ list.content:not(.conversation-listbox) > row:focus {
 listview,
 list {
   border-color: rgba(198, 208, 245, 0.12);
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 listview row,
@@ -4051,7 +4051,7 @@ calendar > grid > label.day-number.other-month {
  * Dialogs *
  ***********/
 window.dialog.message.background {
-  background-color: #414559;
+  background-color: #363a4f;
 }
 
 window.dialog.message box.dialog-vbox.vertical {
@@ -4062,12 +4062,12 @@ window.dialog.message .titlebar {
   min-height: 24px;
   border-style: none;
   box-shadow: inset 0 1px rgba(198, 208, 245, 0.1);
-  background-color: #414559;
+  background-color: #363a4f;
   color: #c6d0f5;
 }
 
 window.dialog.message .titlebar:backdrop {
-  background-color: #414559;
+  background-color: #363a4f;
   color: rgba(198, 208, 245, 0.7);
 }
 
@@ -4092,7 +4092,7 @@ window.dialog.message .dialog-action-area > button.destructive-action:not(:disab
 }
 
 .csd filechooser {
-  background-color: #303446;
+  background-color: #24273a;
   border-radius: 0 0 12px 12px;
 }
 
@@ -4102,7 +4102,7 @@ filechooser .dialog-action-box {
 
 filechooser #pathbarbox {
   border-bottom: 1px solid rgba(198, 208, 245, 0.12);
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 filechooser stack.view {
@@ -4153,7 +4153,7 @@ filechooserbutton:drop(active) {
  ***********/
 .sidebar {
   border-style: none;
-  background-color: #232634;
+  background-color: #181926;
 }
 
 .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
@@ -4182,7 +4182,7 @@ leaflet.unfolded > box > stacksidebar.sidebar {
 
 stacksidebar list {
   padding: 6px;
-  background-color: #232634;
+  background-color: #181926;
 }
 
 stacksidebar row {
@@ -4230,7 +4230,7 @@ separator.sidebar.selection-mode, .selection-mode separator.sidebar {
 }
 
 .navigation-sidebar.background {
-  background-color: #232634;
+  background-color: #181926;
   color: rgba(198, 208, 245, 0.7);
 }
 
@@ -4364,7 +4364,7 @@ paned > separator {
 paned > separator.wide {
   min-width: 6px;
   min-height: 6px;
-  background-color: #303446;
+  background-color: #24273a;
   background-image: image(rgba(198, 208, 245, 0)), image(rgba(198, 208, 245, 0));
   background-size: 1px 1px, 1px 1px;
 }
@@ -4435,7 +4435,7 @@ infobar > revealer > box {
 }
 
 infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box {
-  background-color: #303446;
+  background-color: #24273a;
   color: #c6d0f5;
 }
 
@@ -4504,7 +4504,7 @@ tooltip {
 }
 
 tooltip.background {
-  background-color: rgba(29, 31, 43, 0.9);
+  background-color: rgba(18, 19, 29, 0.9);
   color: #c6d0f5;
   box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
   border-radius: 3px;
@@ -4618,7 +4618,7 @@ colorchooser .popover.osd {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   border-radius: 6px;
   box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.1);
-  background-color: #414559;
+  background-color: #363a4f;
 }
 
 colorchooser .popover.osd:backdrop {
@@ -4629,7 +4629,7 @@ colorchooser .popover.osd:backdrop {
  * Misc *
  ********/
 .content-view {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 /**********************
@@ -4661,12 +4661,12 @@ window.csd.dialog.message {
   margin: 0;
   padding: 2px;
   border-radius: 0;
-  background-color: #232634;
+  background-color: #181926;
   border: 1px solid rgba(198, 208, 245, 0);
 }
 
 .solid-csd window.csd:backdrop {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left {
@@ -4801,7 +4801,7 @@ shortcut > .keycap {
   border: solid 1px rgba(198, 208, 245, 0.12);
   border-radius: 7px;
   box-shadow: inset 0 -2px rgba(198, 208, 245, 0.12);
-  background-color: #414559;
+  background-color: #363a4f;
   color: #c6d0f5;
   font-size: smaller;
 }
@@ -5106,10 +5106,10 @@ text color for entries, views and content in general */
 @define-color theme_text_color #c6d0f5;
 /*
 widget base background color */
-@define-color theme_bg_color #303446;
+@define-color theme_bg_color #24273a;
 /*
 text widgets and the like base background color */
-@define-color theme_base_color #303446;
+@define-color theme_base_color #24273a;
 /*
 base background color of selections */
 @define-color theme_selected_bg_color #8caaee;
@@ -5118,13 +5118,13 @@ text/foreground color of selections */
 @define-color theme_selected_fg_color rgba(17, 17, 27, 0.87);
 /*
 base background color of insensitive widgets */
-@define-color insensitive_bg_color #303446;
+@define-color insensitive_bg_color #24273a;
 /*
 text foreground color of insensitive widgets */
 @define-color insensitive_fg_color rgba(198, 208, 245, 0.5);
 /*
 insensitive text widgets and the like base background color */
-@define-color insensitive_base_color #232634;
+@define-color insensitive_base_color #181926;
 /*
 widget text/foreground color on backdrop windows */
 @define-color theme_unfocused_fg_color #c6d0f5;
@@ -5133,10 +5133,10 @@ text color for entries, views and content in general on backdrop windows */
 @define-color theme_unfocused_text_color #c6d0f5;
 /*
 widget base background color on backdrop windows */
-@define-color theme_unfocused_bg_color #303446;
+@define-color theme_unfocused_bg_color #24273a;
 /*
 text widgets and the like base background color on backdrop windows */
-@define-color theme_unfocused_base_color #303446;
+@define-color theme_unfocused_base_color #24273a;
 /*
 base background color of selections on backdrop windows */
 @define-color theme_unfocused_selected_bg_color #8caaee;
@@ -5163,9 +5163,9 @@ read if you used those and something break with a version upgrade you're on your
 @define-color wm_title #c6d0f5;
 @define-color wm_unfocused_title rgba(198, 208, 245, 0.7);
 @define-color wm_highlight rgba(198, 208, 245, 0.1);
-@define-color wm_border #0a0a0e;
-@define-color wm_bg #232634;
-@define-color wm_unfocused_bg #303446;
+@define-color wm_border #07080c;
+@define-color wm_bg #181926;
+@define-color wm_unfocused_bg #24273a;
 @define-color wm_button_icon white;
 @define-color wm_button_close_hover_bg #e78284;
 @define-color wm_button_close_active_bg #dd4f51;
@@ -5175,13 +5175,13 @@ read if you used those and something break with a version upgrade you're on your
 @define-color wm_button_min_active_bg #d9af5e;
 /*
 FIXME this is really an API */
-@define-color content_view_bg #303446;
-@define-color placeholder_text_color #99a1c1;
+@define-color content_view_bg #24273a;
+@define-color placeholder_text_color #959dbd;
 /* Very contrasty background for text views (@theme_text_color foreground) */
-@define-color text_view_bg #303446;
+@define-color text_view_bg #24273a;
 @define-color budgie_tasklist_indicator_color white;
 @define-color budgie_tasklist_indicator_color_active white;
-@define-color budgie_tasklist_indicator_color_active_window #9a9ba2;
+@define-color budgie_tasklist_indicator_color_active_window #95959b;
 @define-color budgie_tasklist_indicator_color_attention #e5c890;
 @define-color STRAWBERRY_100 #FF9262;
 @define-color STRAWBERRY_300 #FF793E;
diff --git a/src/main/gtk-4.0/gtk-Light.css b/src/main/gtk-4.0/gtk-Light.css
index be15e89e..09efa072 100644
--- a/src/main/gtk-4.0/gtk-Light.css
+++ b/src/main/gtk-4.0/gtk-Light.css
@@ -103,7 +103,7 @@ headerbar label:disabled, tab label:disabled, button label:disabled {
 
 label.osd {
   border-radius: 6px;
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   color: #c6d0f5;
 }
 
@@ -4512,7 +4512,7 @@ tooltip {
 }
 
 tooltip.background {
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   color: #c6d0f5;
   box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
   border-radius: 3px;
diff --git a/src/main/gtk-4.0/gtk.css b/src/main/gtk-4.0/gtk.css
index 1d33fa50..5ac95029 100644
--- a/src/main/gtk-4.0/gtk.css
+++ b/src/main/gtk-4.0/gtk.css
@@ -103,7 +103,7 @@ headerbar label:disabled, tab label:disabled, button label:disabled {
 
 label.osd {
   border-radius: 6px;
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   color: #c6d0f5;
 }
 
@@ -1630,7 +1630,7 @@ headerbar entry image:disabled {
 headerbar {
   transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
   box-shadow: inset 0 -1px rgba(17, 17, 27, 0.12);
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
   min-height: 48px;
   padding: 0 6px;
@@ -1641,7 +1641,7 @@ headerbar:disabled {
 }
 
 headerbar:backdrop {
-  background-color: #303446;
+  background-color: #24273a;
   color: rgba(198, 208, 245, 0.7);
 }
 
@@ -1684,7 +1684,7 @@ headerbar headerbar + separator {
 }
 
 box.vertical headerbar {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 headerbar > windowhandle > box {
@@ -1805,11 +1805,11 @@ headerbar.default-decoration windowcontrols menubutton button {
 }
 
 window.devel headerbar.titlebar {
-  background: #232634 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(140, 170, 238, 0.2)), linear-gradient(to top, #1d1f2b, #232634 3px, #2f3346);
+  background: #181926 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(140, 170, 238, 0.2)), linear-gradient(to top, #12131d, #181926 3px, #242539);
 }
 
 window.devel headerbar.titlebar:backdrop {
-  background: #232634 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#232634);
+  background: #181926 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#181926);
   /* background-color would flash */
 }
 
@@ -2099,12 +2099,12 @@ stack.view treeview.view {
  *********/
 menubar {
   padding: 0;
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
 }
 
 menubar:backdrop {
-  background-color: #303446;
+  background-color: #24273a;
   color: rgba(198, 208, 245, 0.7);
 }
 
@@ -2585,11 +2585,11 @@ tabbar:not(.inline) scrolledwindow.pinned undershoot {
 }
 
 tabbar:not(.inline) undershoot.left {
-  background: linear-gradient(to right, #232634, rgba(0, 0, 0, 0) 20px);
+  background: linear-gradient(to right, #181926, rgba(0, 0, 0, 0) 20px);
 }
 
 tabbar:not(.inline) undershoot.right {
-  background: linear-gradient(to left, #232634, rgba(0, 0, 0, 0) 20px);
+  background: linear-gradient(to left, #181926, rgba(0, 0, 0, 0) 20px);
 }
 
 tabbar:not(.inline) .needs-attention-left undershoot.left {
@@ -2601,23 +2601,23 @@ tabbar:not(.inline) .needs-attention-right undershoot.right {
 }
 
 tabbar:not(.inline) tabbox > background {
-  background-color: #232634;
+  background-color: #181926;
 }
 
 tabbar:not(.inline) .start-action,
 tabbar:not(.inline) .end-action {
-  background-color: alpha(#232634, 0.6);
+  background-color: alpha(#181926, 0.6);
   border-color: rgba(17, 17, 27, 0);
 }
 
 tabbar:not(.inline):backdrop .box {
-  background-color: #303446;
+  background-color: #24273a;
   transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
 }
 
 dnd tab {
   min-height: 24px;
-  background-color: #232634;
+  background-color: #181926;
   color: #c6d0f5;
   box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
   outline: 1px solid rgba(17, 17, 27, 0);
@@ -4521,7 +4521,7 @@ tooltip {
 }
 
 tooltip.background {
-  background-color: rgba(59, 62, 80, 0.9);
+  background-color: rgba(48, 51, 70, 0.9);
   color: #c6d0f5;
   box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
   border-radius: 3px;
@@ -4678,12 +4678,12 @@ window.csd.dialog.message {
   margin: 0;
   padding: 2px;
   border-radius: 0;
-  background-color: #232634;
+  background-color: #181926;
   border: 1px solid rgba(17, 17, 27, 0);
 }
 
 .solid-csd window.csd:backdrop {
-  background-color: #303446;
+  background-color: #24273a;
 }
 
 window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left {
@@ -5181,8 +5181,8 @@ read if you used those and something break with a version upgrade you're on your
 @define-color wm_unfocused_title rgba(198, 208, 245, 0.7);
 @define-color wm_highlight rgba(198, 208, 245, 0.1);
 @define-color wm_border #81879f;
-@define-color wm_bg #232634;
-@define-color wm_unfocused_bg #303446;
+@define-color wm_bg #181926;
+@define-color wm_unfocused_bg #24273a;
 @define-color wm_button_icon white;
 @define-color wm_button_close_hover_bg #e78284;
 @define-color wm_button_close_active_bg #dd4f51;
@@ -5198,7 +5198,7 @@ FIXME this is really an API */
 @define-color text_view_bg #c6d0f5;
 @define-color budgie_tasklist_indicator_color white;
 @define-color budgie_tasklist_indicator_color_active white;
-@define-color budgie_tasklist_indicator_color_active_window #9a9ba2;
+@define-color budgie_tasklist_indicator_color_active_window #95959b;
 @define-color budgie_tasklist_indicator_color_attention #e5c890;
 @define-color STRAWBERRY_100 #FF9262;
 @define-color STRAWBERRY_300 #FF793E;
diff --git a/src/sass/_color-palette-default.scss b/src/sass/_color-palette-default.scss
index b58a3bc2..82a31d13 100644
--- a/src/sass/_color-palette-default.scss
+++ b/src/sass/_color-palette-default.scss
@@ -45,10 +45,10 @@ $grey-450: #7c7f93;
 $grey-500: #6c6f85;
 $grey-550: #5c5f77;
 $grey-600: #45475a;
-$grey-650: #414559; // H
-$grey-700: #303446; // G
-$grey-750: #232634; // F
-$grey-800: #232634; // E
+$grey-650: #363a4f; // H
+$grey-700: #24273a; // G
+$grey-750: #181926; // F
+$grey-800: #181926; // E
 $grey-850: #45475a; // H
 $grey-900: #232634; // G
 $grey-950: #11111b; // F