Merged upstream, supporting 3.22v1.0.0-beta.1

1 files changed, 208 insertions, 208 deletions

diff --git a/common/cinnamon/cinnamon-dark.css b/common/cinnamon/cinnamon-dark.css
index 4531658..0f619fe 100644
--- a/common/cinnamon/cinnamon-dark.css
+++ b/common/cinnamon/cinnamon-dark.css
@@ -2,7 +2,7 @@
 stage {
   font-family: Futura Bk bt, sans, Sans-Serif;
   font-size: 9pt;
-  color: #D3DAE3; }
+  color: #657b83; }
 
 .label-shadow {
   color: transparent; }
@@ -11,118 +11,118 @@ stage {
   min-height: 20px;
   padding: 5px 32px;
   transition-duration: 0;
-  text-shadow: 0 1px rgba(64, 69, 82, 0);
-  color: #D3DAE3;
-  background-color: #444a58;
-  border: 1px solid #2b2e39;
-  box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); }
+  text-shadow: 0 1px rgba(7, 54, 66, 0);
+  color: #657b83;
+  background-color: #083e4b;
+  border: 1px solid #001317;
+  box-shadow: inset 0 2px 4px rgba(8, 62, 75, 0.05); }
   .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive {
     border-radius: 2px; }
   .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus {
-    text-shadow: 0 1px rgba(64, 69, 82, 0);
-    color: #D3DAE3;
-    background-color: #444a58;
-    border: 1px solid #5294e2;
-    box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); }
+    text-shadow: 0 1px rgba(7, 54, 66, 0);
+    color: #657b83;
+    background-color: #083e4b;
+    border: 1px solid #268bd2;
+    box-shadow: inset 0 2px 4px rgba(8, 62, 75, 0.05); }
   .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover {
-    text-shadow: 0 1px rgba(64, 69, 82, 0);
-    color: #D3DAE3;
-    background-color: #505666;
-    border: 1px solid #2b2e39;
-    box-shadow: inset 0 2px 4px rgba(80, 86, 102, 0.05); }
+    text-shadow: 0 1px rgba(7, 54, 66, 0);
+    color: #657b83;
+    background-color: #0a5062;
+    border: 1px solid #001317;
+    box-shadow: inset 0 2px 4px rgba(10, 80, 98, 0.05); }
   .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus {
-    text-shadow: 0 1px rgba(64, 69, 82, 0);
-    color: #D3DAE3;
-    background-color: #444a58;
-    border: 1px solid #5294e2;
-    box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); }
+    text-shadow: 0 1px rgba(7, 54, 66, 0);
+    color: #657b83;
+    background-color: #083e4b;
+    border: 1px solid #268bd2;
+    box-shadow: inset 0 2px 4px rgba(8, 62, 75, 0.05); }
   .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus {
-    text-shadow: 0 1px rgba(64, 69, 82, 0);
-    color: #ffffff;
-    background-color: #5294e2;
-    border: 1px solid #5294e2;
-    box-shadow: inset 0 2px 4px #5294e2; }
+    text-shadow: 0 1px rgba(7, 54, 66, 0);
+    color: #fdf6e3;
+    background-color: #268bd2;
+    border: 1px solid #268bd2;
+    box-shadow: inset 0 2px 4px #268bd2; }
   .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive {
-    text-shadow: 0 1px rgba(64, 69, 82, 0);
-    color: rgba(211, 218, 227, 0.45);
-    border: 1px solid rgba(43, 46, 57, 0.55);
-    background-color: rgba(68, 74, 88, 0.55);
-    box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); }
+    text-shadow: 0 1px rgba(7, 54, 66, 0);
+    color: rgba(101, 123, 131, 0.45);
+    border: 1px solid rgba(0, 19, 23, 0.55);
+    background-color: rgba(8, 62, 75, 0.55);
+    box-shadow: inset 0 2px 4px rgba(8, 62, 75, 0.05); }
 
 .notification-button, .notification-icon-button, .modal-dialog-button-box .modal-dialog-button {
   min-height: 20px;
   padding: 5px 32px;
   transition-duration: 0;
   border-radius: 2px;
-  text-shadow: 0 1px rgba(64, 69, 82, 0);
-  color: #BAC3CF;
-  border: 1px solid rgba(26, 28, 34, 0.35);
-  background-color: rgba(102, 109, 132, 0.35); }
+  text-shadow: 0 1px rgba(7, 54, 66, 0);
+  color: #657b83;
+  border: 1px solid rgba(1, 9, 11, 0.35);
+  background-color: rgba(18, 137, 167, 0.35); }
   .notification-button:hover, .notification-icon-button:hover, .modal-dialog-button-box .modal-dialog-button:hover {
-    text-shadow: 0 1px rgba(64, 69, 82, 0);
-    color: #BAC3CF;
-    border: 1px solid rgba(26, 28, 34, 0.35);
-    background-color: rgba(119, 127, 151, 0.45); }
+    text-shadow: 0 1px rgba(7, 54, 66, 0);
+    color: #657b83;
+    border: 1px solid rgba(1, 9, 11, 0.35);
+    background-color: rgba(21, 163, 200, 0.45); }
   .notification-button:focus, .notification-icon-button:focus, .modal-dialog-button-box .modal-dialog-button:focus {
-    color: #5294e2; }
+    color: #268bd2; }
   .notification-button:active, .notification-icon-button:active, .modal-dialog-button-box .modal-dialog-button:active {
-    text-shadow: 0 1px rgba(64, 69, 82, 0);
-    color: #ffffff;
-    border: 1px solid #5294e2;
-    background-color: #5294e2; }
+    text-shadow: 0 1px rgba(7, 54, 66, 0);
+    color: #fdf6e3;
+    border: 1px solid #268bd2;
+    background-color: #268bd2; }
   .notification-button:insensitive, .notification-icon-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive {
-    text-shadow: 0 1px rgba(64, 69, 82, 0);
-    color: #5d626e;
-    border: 1px solid rgba(26, 28, 34, 0.35);
-    background-color: rgba(102, 109, 132, 0.2); }
+    text-shadow: 0 1px rgba(7, 54, 66, 0);
+    color: #234b56;
+    border: 1px solid rgba(1, 9, 11, 0.35);
+    background-color: rgba(18, 137, 167, 0.2); }
 
 .popup-menu #notification StEntry, #menu-search-entry {
   padding: 7px;
   caret-size: 1px;
-  selection-background-color: #5294e2;
-  selected-color: #ffffff;
+  selection-background-color: #268bd2;
+  selected-color: #fdf6e3;
   transition-duration: 300ms;
   border-radius: 3px;
-  color: #D3DAE3;
-  background-color: #404552;
-  border: 1px solid #2b2e39;
-  box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); }
+  color: #657b83;
+  background-color: #073642;
+  border: 1px solid #001317;
+  box-shadow: inset 0 2px 4px rgba(7, 54, 66, 0.05); }
   .popup-menu #notification StEntry:focus, #menu-search-entry:focus, .popup-menu #notification StEntry:hover, #menu-search-entry:hover {
-    color: #D3DAE3;
-    background-color: #404552;
-    border: 1px solid #5294e2;
-    box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); }
+    color: #657b83;
+    background-color: #073642;
+    border: 1px solid #268bd2;
+    box-shadow: inset 0 2px 4px rgba(7, 54, 66, 0.05); }
   .popup-menu #notification StEntry:insensitive, #menu-search-entry:insensitive {
-    color: rgba(211, 218, 227, 0.45);
-    background-color: #3c414e;
-    border-color: 1px solid #313440;
-    box-shadow: inset 0 2px 4px rgba(60, 65, 78, 0.05); }
+    color: rgba(101, 123, 131, 0.45);
+    background-color: #04313d;
+    border-color: 1px solid #001e25;
+    box-shadow: inset 0 2px 4px rgba(4, 49, 61, 0.05); }
   .popup-menu #notification StEntry StIcon.capslock-warning, #menu-search-entry StIcon.capslock-warning {
     icon-size: 16px;
-    warning-color: #F27835;
+    warning-color: #cb4b16;
     padding: 0 4px; }
 
 .notification StEntry {
   padding: 7px;
   caret-size: 1px;
-  caret-color: #BAC3CF;
-  selection-background-color: #5294e2;
-  selected-color: #ffffff;
+  caret-color: #657b83;
+  selection-background-color: #268bd2;
+  selected-color: #fdf6e3;
   transition-duration: 300ms;
   border-radius: 3px;
-  color: #BAC3CF;
-  background-color: rgba(102, 109, 132, 0.35);
-  border: 1px solid rgba(26, 28, 34, 0.35);
+  color: #657b83;
+  background-color: rgba(18, 137, 167, 0.35);
+  border: 1px solid rgba(1, 9, 11, 0.35);
   box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
   .notification StEntry:focus {
-    color: #ffffff;
-    background-color: #5294e2;
-    border: 1px solid #5294e2;
+    color: #fdf6e3;
+    background-color: #268bd2;
+    border: 1px solid #268bd2;
     box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
   .notification StEntry:insensitive {
-    color: rgba(186, 195, 207, 0.55);
-    background-color: rgba(102, 109, 132, 0.2);
-    border: 1px solid rgba(26, 28, 34, 0.35);
+    color: rgba(101, 123, 131, 0.55);
+    background-color: rgba(18, 137, 167, 0.2);
+    border: 1px solid rgba(1, 9, 11, 0.35);
     box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
 
 StScrollView.vfade {
@@ -137,17 +137,17 @@ StScrollBar {
     min-width: 5px;
     min-height: 5px; }
   StScrollBar StBin#trough {
-    background-color: rgba(64, 69, 82, 0.1);
+    background-color: rgba(7, 54, 66, 0.1);
     border-radius: 8px; }
   StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
     border-radius: 2px;
-    background-color: #767b87;
+    background-color: #284b55;
     border: 0px solid;
     margin: 0px; }
     StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
-      background-color: #676b78; }
+      background-color: #1e434d; }
     StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
-      background-color: #5294e2; }
+      background-color: #268bd2; }
 
 .separator {
   -gradient-height: 1px;
@@ -159,9 +159,9 @@ StScrollBar {
 .popup-slider-menu-item,
 .slider {
   -slider-height: 4px;
-  -slider-background-color: #2b2e39;
+  -slider-background-color: #001317;
   -slider-border-color: transparent;
-  -slider-active-background-color: #5294e2;
+  -slider-active-background-color: #268bd2;
   -slider-active-border-color: transparent;
   -slider-border-width: 0;
   -slider-handle-radius: 4px;
@@ -174,7 +174,7 @@ StScrollBar {
   .popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active
   .slider {
     -slider-background-color: rgba(0, 0, 0, 0.2);
-    -slider-active-background-color: #ffffff; }
+    -slider-active-background-color: #fdf6e3; }
 
 .check-box CinnamonGenericContainer {
   spacing: .2em;
@@ -235,16 +235,16 @@ StScrollBar {
       background-image: url("common-assets/switch/switch-on-selected.svg"); }
 
 .cinnamon-link {
-  color: #a9caf1;
+  color: #78b9e6;
   text-decoration: underline; }
   .cinnamon-link:hover {
-    color: #d5e5f8; }
+    color: #a3cfee; }
 
 #Tooltip {
   border-radius: 3px;
   padding: 5px 12px;
-  background-color: rgba(53, 57, 69, 0.95);
-  color: #BAC3CF;
+  background-color: rgba(7, 54, 66, 0.95);
+  color: #657b83;
   font-size: 1em;
   font-weight: normal;
   text-align: center; }
@@ -253,7 +253,7 @@ StScrollBar {
 .popup-combo-menu {
   color: white;
   min-width: 200px;
-  color: #D3DAE3;
+  color: #657b83;
   border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; }
   .popup-menu-arrow {
     icon-size: 16px; }
@@ -275,18 +275,18 @@ StScrollBar {
     padding: .4em 1.75em;
     spacing: 1em; }
     .popup-menu .popup-menu-item:active, .popup-combo-menu .popup-menu-item:active {
-      color: #ffffff;
+      color: #fdf6e3;
       background-color: transparent;
       border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; }
     .popup-menu .popup-menu-item:insensitive, .popup-combo-menu .popup-menu-item:insensitive {
-      color: rgba(211, 218, 227, 0.5);
+      color: rgba(101, 123, 131, 0.5);
       background: none; }
   .popup-menu .popup-inactive-menu-item, .popup-combo-menu .popup-inactive-menu-item {
-    color: #D3DAE3; }
+    color: #657b83; }
     .popup-menu .popup-inactive-menu-item:insensitive, .popup-combo-menu .popup-inactive-menu-item:insensitive {
-      color: rgba(211, 218, 227, 0.45); }
+      color: rgba(101, 123, 131, 0.45); }
   .popup-menu .popup-menu-item:active .popup-inactive-menu-item, .popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
-    color: #ffffff; }
+    color: #fdf6e3; }
   .popup-menu-icon {
     icon-size: 16px; }
 
@@ -388,18 +388,18 @@ StScrollBar {
   spacing: 12px; }
 
 .window-caption {
-  background-color: rgba(53, 57, 69, 0.95);
-  border: 1px solid rgba(53, 57, 69, 0.95);
-  color: #BAC3CF;
+  background-color: rgba(7, 54, 66, 0.95);
+  border: 1px solid rgba(7, 54, 66, 0.95);
+  color: #657b83;
   spacing: 25px;
   border-radius: 2px;
   font-size: 9pt;
   padding: 5px 8px;
   -cinnamon-caption-spacing: 4px; }
   .window-caption#selected {
-    background-color: #5294e2;
-    color: #ffffff;
-    border: 1px solid #5294e2;
+    background-color: #268bd2;
+    color: #fdf6e3;
+    border: 1px solid #268bd2;
     spacing: 25px; }
 
 .expo-workspaces-name-entry,
@@ -409,31 +409,31 @@ StScrollBar {
   font-size: 9pt;
   padding: 5px 8px;
   -cinnamon-caption-spacing: 4px;
-  color: #BAC3CF;
-  background-color: rgba(102, 109, 132, 0.35);
-  border: 1px solid rgba(26, 28, 34, 0.35);
+  color: #657b83;
+  background-color: rgba(18, 137, 167, 0.35);
+  border: 1px solid rgba(1, 9, 11, 0.35);
   box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
   .expo-workspaces-name-entry:focus,
   .expo-workspaces-name-entry#selected:focus {
-    border: 1px solid #5294e2;
-    background-color: #5294e2;
-    color: #ffffff;
+    border: 1px solid #268bd2;
+    background-color: #268bd2;
+    color: #fdf6e3;
     font-style: italic;
     transition-duration: 300;
-    selection-background-color: #ffffff;
-    selected-color: #5294e2; }
+    selection-background-color: #fdf6e3;
+    selected-color: #268bd2; }
 
 .expo-workspace-thumbnail-frame {
   border: 4px solid rgba(255, 255, 255, 0);
   background-color: rgba(255, 255, 255, 0);
   border-radius: 2px; }
   .expo-workspace-thumbnail-frame#active {
-    border: 4px solid #5294e2;
+    border: 4px solid #268bd2;
     background-color: black;
     border-radius: 2px; }
 
 .expo-background {
-  background-color: #353945; }
+  background-color: #073642; }
 
 .workspace-thumbnails {
   spacing: 26px; }
@@ -499,9 +499,9 @@ StScrollBar {
   padding-bottom: 14px; }
 
 .about-scrollBox {
-  border: 1px solid #2b2e39;
+  border: 1px solid #001317;
   border-radius: 2px;
-  background-color: #404552;
+  background-color: #073642;
   padding: 4px;
   padding-right: 0;
   border-radius: 0; }
@@ -524,7 +524,7 @@ StScrollBar {
   spacing-columns: 0px; }
 
 .calendar-month-label {
-  color: #D3DAE3;
+  color: #657b83;
   font-weight: bold;
   padding: 8px 0; }
 
@@ -563,7 +563,7 @@ StScrollBar {
   padding: .4em 1.75em;
   font-weight: bold;
   text-align: center;
-  color: #D3DAE3;
+  color: #657b83;
   border-radius: 2px; }
 
 .calendar-day-base {
@@ -576,13 +576,13 @@ StScrollBar {
   border-radius: 12.5px; }
 
 .calendar-day-heading {
-  color: rgba(211, 218, 227, 0.85);
+  color: rgba(101, 123, 131, 0.85);
   margin-top: 1em;
   font-size: 70%; }
 
 .calendar-day {
   border-width: 0;
-  color: rgba(211, 218, 227, 0.8); }
+  color: rgba(101, 123, 131, 0.8); }
 
 .calendar-day-top {
   border-top-width: 0; }
@@ -591,7 +591,7 @@ StScrollBar {
   border-left-width: 0; }
 
 .calendar-nonwork-day {
-  color: #D3DAE3;
+  color: #657b83;
   background-color: transparent;
   font-weight: bold; }
 
@@ -600,12 +600,12 @@ StScrollBar {
 .calendar-today:focus,
 .calendar-today:hover {
   font-weight: bold;
-  color: #ffffff;
-  background-color: #5294e2;
+  color: #fdf6e3;
+  background-color: #268bd2;
   border-width: 0; }
 
 .calendar-other-month-day {
-  color: rgba(211, 218, 227, 0.3);
+  color: rgba(101, 123, 131, 0.3);
   opacity: 1; }
 
 #notification {
@@ -616,15 +616,15 @@ StScrollBar {
   spacing-columns: 10px;
   margin-from-right-edge-of-screen: 20px;
   width: 34em;
-  color: #BAC3CF; }
+  color: #657b83; }
   .popup-menu #notification {
-    color: #D3DAE3;
+    color: #657b83;
     border-image: url("dark-assets/misc/message.svg") 9 9 9 9; }
     .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button {
       padding: 5px; }
   #notification.multi-line-notification {
     padding-bottom: 13px;
-    color: #BAC3CF; }
+    color: #657b83; }
   #notification-scrollview {
     max-height: 10em; }
     #notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow {
@@ -640,7 +640,7 @@ StScrollBar {
 
 .notification-with-image {
   min-height: 159px;
-  color: #BAC3CF; }
+  color: #657b83; }
 
 .notification-button, .notification-icon-button {
   padding: 5px; }
@@ -653,7 +653,7 @@ StScrollBar {
   spacing: 16px; }
 
 .switcher-list {
-  color: #BAC3CF;
+  color: #657b83;
   background: none;
   border: none;
   border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
@@ -668,11 +668,11 @@ StScrollBar {
     border-radius: 2px; }
     .switcher-list .item-box:outlined {
       padding: 8px;
-      border: 1px solid #5294e2; }
+      border: 1px solid #268bd2; }
     .switcher-list .item-box:selected {
-      color: #ffffff;
-      background-color: #5294e2;
-      border: 0px solid #5294e2; }
+      color: #fdf6e3;
+      background-color: #268bd2;
+      border: 0px solid #268bd2; }
   .switcher-list .thumbnail {
     width: 256px; }
   .switcher-list .thumbnail-box {
@@ -684,7 +684,7 @@ StScrollBar {
 
 .switcher-arrow {
   border-color: transparent;
-  color: #BAC3CF; }
+  color: #657b83; }
   .switcher-arrow:highlighted {
     border-color: transparent;
     color: white; }
@@ -716,8 +716,8 @@ StScrollBar {
   background-color: white; }
 
 .modal-dialog {
-  color: #D3DAE3;
-  background-color: rgba(56, 60, 74, 0);
+  color: #657b83;
+  background-color: rgba(0, 43, 54, 0);
   border: none;
   border-image: url("dark-assets/misc/modal.svg") 9 9 9 67;
   padding: 0 5px 6px 5px; }
@@ -743,10 +743,10 @@ StScrollBar {
   .run-dialog-label {
     font-size: 0;
     font-weight: bold;
-    color: #BAC3CF;
+    color: #657b83;
     padding-bottom: 0; }
   .run-dialog-error-label {
-    color: #FC4138; }
+    color: #dc322f; }
   .run-dialog-error-box {
     padding-top: 15px;
     spacing: 5px; }
@@ -757,17 +757,17 @@ StScrollBar {
     width: 21em;
     padding: 7px;
     border-radius: 3px;
-    caret-color: #BAC3CF;
-    selected-color: #ffffff;
-    selection-background-color: #5294e2;
-    color: #BAC3CF;
-    background-color: rgba(102, 109, 132, 0.35);
-    border: 1px solid rgba(26, 28, 34, 0.35);
+    caret-color: #657b83;
+    selected-color: #fdf6e3;
+    selection-background-color: #268bd2;
+    color: #657b83;
+    background-color: rgba(18, 137, 167, 0.35);
+    border: 1px solid rgba(1, 9, 11, 0.35);
     box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
     .run-dialog-entry:focus {
-      color: #ffffff;
-      background-color: #5294e2;
-      border: 1px solid #5294e2;
+      color: #fdf6e3;
+      background-color: #268bd2;
+      border: 1px solid #268bd2;
       box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
   .run-dialog .modal-dialog-button-box {
     border: none;
@@ -780,7 +780,7 @@ StScrollBar {
   icon-size: 48px; }
 
 .mount-password-reask {
-  color: #F27835; }
+  color: #cb4b16; }
 
 .show-processes-dialog,
 .mount-question-dialog {
@@ -831,7 +831,7 @@ StScrollBar {
     border-width: 0px; }
 
 #keyboard {
-  background-color: rgba(53, 57, 69, 0.95);
+  background-color: rgba(7, 54, 66, 0.95);
   border-width: 0;
   border-top-width: 1px;
   border-color: rgba(0, 0, 0, 0.4); }
@@ -850,31 +850,31 @@ StScrollBar {
   font-weight: bold;
   border-radius: 3px;
   box-shadow: none;
-  text-shadow: 0 1px rgba(64, 69, 82, 0);
-  color: #BAC3CF;
-  border: 1px solid rgba(26, 28, 34, 0.35);
-  background-color: rgba(102, 109, 132, 0.35); }
+  text-shadow: 0 1px rgba(7, 54, 66, 0);
+  color: #657b83;
+  border: 1px solid rgba(1, 9, 11, 0.35);
+  background-color: rgba(18, 137, 167, 0.35); }
   .keyboard-key:hover {
-    text-shadow: 0 1px rgba(64, 69, 82, 0);
-    color: #BAC3CF;
-    border: 1px solid rgba(26, 28, 34, 0.35);
-    background-color: rgba(119, 127, 151, 0.45); }
+    text-shadow: 0 1px rgba(7, 54, 66, 0);
+    color: #657b83;
+    border: 1px solid rgba(1, 9, 11, 0.35);
+    background-color: rgba(21, 163, 200, 0.45); }
   .keyboard-key:active, .keyboard-key:checked {
-    text-shadow: 0 1px rgba(64, 69, 82, 0);
-    color: #ffffff;
-    border: 1px solid #5294e2;
-    background-color: #5294e2; }
+    text-shadow: 0 1px rgba(7, 54, 66, 0);
+    color: #fdf6e3;
+    border: 1px solid #268bd2;
+    background-color: #268bd2; }
   .keyboard-key:grayed {
-    text-shadow: 0 1px rgba(64, 69, 82, 0);
-    color: #5d626e;
-    border: 1px solid rgba(26, 28, 34, 0.35);
-    background-color: rgba(102, 109, 132, 0.2); }
+    text-shadow: 0 1px rgba(7, 54, 66, 0);
+    color: #234b56;
+    border: 1px solid rgba(1, 9, 11, 0.35);
+    background-color: rgba(18, 137, 167, 0.2); }
 
 .keyboard-subkeys {
-  color: #BAC3CF;
+  color: #657b83;
   padding: 5px;
   -arrow-border-radius: 2px;
-  -arrow-background-color: rgba(53, 57, 69, 0.95);
+  -arrow-background-color: rgba(7, 54, 66, 0.95);
   -arrow-border-width: 1px;
   -arrow-border-color: rgba(0, 0, 0, 0.4);
   -arrow-base: 20px;
@@ -885,8 +885,8 @@ StScrollBar {
   margin: auto;
   padding: 10px;
   transition-duration: 300;
-  background-color: #383C4A;
-  border: 1px solid #2b2e39; }
+  background-color: #002b36;
+  border: 1px solid #001317; }
 
 .menu-favorites-button {
   padding: 10px;
@@ -930,7 +930,7 @@ StScrollBar {
     border-radius: 2px; }
   .menu-category-button-greyed {
     padding: 7px;
-    color: rgba(211, 218, 227, 0.45);
+    color: rgba(101, 123, 131, 0.45);
     border: 1px solid transparent; }
   .menu-category-button-label:ltr {
     padding-left: 5px; }
@@ -962,11 +962,11 @@ StScrollBar {
   width: 250px;
   height: 15px;
   font-weight: normal;
-  caret-color: #D3DAE3; }
+  caret-color: #657b83; }
 
 .menu-search-entry-icon {
   icon-size: 1em;
-  color: #D3DAE3; }
+  color: #657b83; }
 
 /* Context menu (at the moment only for favorites) */
 .info-osd {
@@ -997,7 +997,7 @@ StScrollBar {
     height: 4px;
     background-color: rgba(0, 0, 0, 0.5);
     border-radius: 2px;
-    color: #5294e2; }
+    color: #268bd2; }
 
 .window-list-box {
   spacing: 6px;
@@ -1029,8 +1029,8 @@ StScrollBar {
       border-image: url("common-assets/panel/window-list-active-top.svg") 3 3 3 1; }
 
 .window-list-item-demands-attention {
-  background-gradient-start: #F27835;
-  background-gradient-end: #F27835; }
+  background-gradient-start: #cb4b16;
+  background-gradient-end: #cb4b16; }
 
 .sound-button {
   width: 22px;
@@ -1097,30 +1097,30 @@ StScrollBar {
     height: 70px;
     padding: 15px;
     spacing: 0.5em;
-    background: rgba(42, 45, 55, 0.85);
-    border: 0px solid rgba(31, 33, 40, 0.95);
+    background: rgba(5, 35, 43, 0.85);
+    border: 0px solid rgba(2, 16, 20, 0.95);
     border-bottom: 1px;
-    color: #BAC3CF; }
+    color: #657b83; }
     .sound-player-overlay StButton {
       width: 22px;
       height: 13px;
       padding: 5px;
-      color: #BAC3CF;
+      color: #657b83;
       border-radius: 2px;
-      border: 1px solid rgba(53, 57, 69, 0); }
+      border: 1px solid rgba(7, 54, 66, 0); }
       .sound-player-overlay StButton StIcon {
         icon-size: 16px; }
       .sound-player-overlay StButton:hover {
-        text-shadow: 0 1px rgba(64, 69, 82, 0);
-        color: #BAC3CF;
-        border: 1px solid rgba(26, 28, 34, 0.35);
-        background-color: rgba(119, 127, 151, 0.45); }
+        text-shadow: 0 1px rgba(7, 54, 66, 0);
+        color: #657b83;
+        border: 1px solid rgba(1, 9, 11, 0.35);
+        background-color: rgba(21, 163, 200, 0.45); }
       .sound-player-overlay StButton:active {
-        text-shadow: 0 1px rgba(64, 69, 82, 0);
-        color: #ffffff;
-        background-color: #5294e2;
-        border: 1px solid #5294e2;
-        box-shadow: inset 0 2px 4px #5294e2; }
+        text-shadow: 0 1px rgba(7, 54, 66, 0);
+        color: #fdf6e3;
+        background-color: #268bd2;
+        border: 1px solid #268bd2;
+        box-shadow: inset 0 2px 4px #268bd2; }
     .sound-player-overlay StBoxLayout {
       padding-top: 2px; }
   .sound-player .slider {
@@ -1128,9 +1128,9 @@ StScrollBar {
     padding: 0;
     border: none;
     -slider-height: 0.5em;
-    -slider-background-color: #2d303b;
+    -slider-background-color: #00171d;
     -slider-border-color: transparent;
-    -slider-active-background-color: #5294e2;
+    -slider-active-background-color: #268bd2;
     -slider-active-border-color: transparent;
     -slider-border-width: 0px;
     -slider-handle-radius: 0px; }
@@ -1147,14 +1147,14 @@ StScrollBar {
 .workspace-button {
   width: 20px;
   height: 10px;
-  color: #ffffff;
+  color: #fdf6e3;
   padding: 3px;
   padding-top: 4px;
   transition-duration: 300; }
   .workspace-button:outlined, .workspace-button:outlined:hover {
-    color: #5294e2; }
+    color: #268bd2; }
   .workspace-button:hover {
-    color: rgba(82, 148, 226, 0.5); }
+    color: rgba(38, 139, 210, 0.5); }
 
 /* Controls the style when using the "Visual representation" option */
 .workspace-graph {
@@ -1167,19 +1167,19 @@ StScrollBar {
   background-color: rgba(0, 0, 0, 0.2); }
 
 .workspace-graph .workspace:active {
-  border: 1px solid #5294e2;
+  border: 1px solid #268bd2;
   background-gradient-direction: none; }
 
 .workspace-graph .workspace .windows {
-  -active-window-background: rgba(76, 82, 99, 0.95);
+  -active-window-background: rgba(12, 93, 113, 0.95);
   -active-window-border: rgba(0, 0, 0, 0.8);
-  -inactive-window-background: rgba(76, 82, 99, 0.95);
+  -inactive-window-background: rgba(12, 93, 113, 0.95);
   -inactive-window-border: rgba(0, 0, 0, 0.8); }
 
 .workspace-graph .workspace:active .windows {
-  -active-window-background: rgba(87, 93, 113, 0.95);
+  -active-window-background: rgba(14, 112, 137, 0.95);
   -active-window-border: rgba(0, 0, 0, 0.8);
-  -inactive-window-background: rgba(54, 58, 70, 0.95);
+  -inactive-window-background: rgba(7, 55, 67, 0.95);
   -inactive-window-border: rgba(0, 0, 0, 0.8); }
 
 #panel-launchers-box {
@@ -1191,7 +1191,7 @@ StScrollBar {
   transition-duration: 200; }
   .panel-launcher:hover {
     background-gradient-direction: none;
-    border: 0px solid #5294e2; }
+    border: 0px solid #268bd2; }
     .panel-bottom .panel-launcher:hover {
       border-bottom-width: 1px; }
     .panel-top .panel-launcher:hover {
@@ -1216,21 +1216,21 @@ StScrollBar {
   text-shadow: none;
   transition-duration: 100; }
   .applet-box:hover {
-    color: #ffffff;
-    background-color: #5294e2; }
+    color: #fdf6e3;
+    background-color: #268bd2; }
 
 .applet-label {
   font-weight: bold;
   color: white; }
   .applet-label:hover, .applet-box:hover > .applet-label {
-    color: #ffffff;
+    color: #fdf6e3;
     text-shadow: none; }
 
 .applet-icon {
   color: white;
   icon-size: 22px; }
   .applet-icon:hover, .applet-box:hover > .applet-icon {
-    color: #ffffff;
+    color: #fdf6e3;
     text-shadow: none; }
 
 .user-icon {
@@ -1241,21 +1241,21 @@ StScrollBar {
   border-radius: 0; }
 
 .user-label {
-  color: #D3DAE3;
+  color: #657b83;
   font-size: 1em;
   font-weight: bold;
   margin: 0px; }
 
 .desklet {
-  color: #BAC3CF; }
+  color: #657b83; }
   .desklet-with-borders {
     border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
-    color: #BAC3CF;
+    color: #657b83;
     padding: 12px;
     padding-bottom: 16px; }
   .desklet-with-borders-and-header {
     border-image: url("common-assets/misc/desklet.svg") 9 9 9 9;
-    color: #BAC3CF;
+    color: #657b83;
     border-radius: 0;
     border-radius-topleft: 0;
     border-radius-topright: 0;
@@ -1263,17 +1263,17 @@ StScrollBar {
     padding-bottom: 17px; }
   .desklet-header {
     border-image: url("common-assets/misc/desklet-header.svg") 9 9 9 9;
-    color: #BAC3CF;
+    color: #657b83;
     font-size: 1em;
     padding: 12px;
     padding-bottom: 6px; }
   .desklet-drag-placeholder {
-    border: 2px solid #5294e2;
-    background-color: rgba(82, 148, 226, 0.3); }
+    border: 2px solid #268bd2;
+    background-color: rgba(38, 139, 210, 0.3); }
 
 .photoframe-box {
   border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
-  color: #BAC3CF;
+  color: #657b83;
   padding: 12px;
   padding-bottom: 16px; }
 
@@ -1292,8 +1292,8 @@ StScrollBar {
 
 .tile-preview, .tile-preview.snap,
 .tile-hud, .tile-hud.snap {
-  background-color: rgba(82, 148, 226, 0.3);
-  border: 1px solid #5294e2; }
+  background-color: rgba(38, 139, 210, 0.3);
+  border: 1px solid #268bd2; }
 
 .xkcd-box {
   padding: 6px;