diff --git a/.gitignore b/.gitignore
index 280f2dc..fc6be0c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,12 @@
 .DS_store
 .sass-cache
 *-temp.scss
+release/Orchis-Green.tar.xz
+release/Orchis-Grey.tar.xz
+release/Orchis-Orange.tar.xz
+release/Orchis-Pink.tar.xz
+release/Orchis-Purple.tar.xz
+release/Orchis-Red.tar.xz
+release/Orchis-Teal.tar.xz
+release/Orchis-Yellow.tar.xz
+release/Orchis.tar.xz
diff --git a/release/Orchis-Green.tar.xz b/release/Orchis-Green.tar.xz
deleted file mode 100644
index 9bc0aa6..0000000
Binary files a/release/Orchis-Green.tar.xz and /dev/null differ
diff --git a/release/Orchis-Grey.tar.xz b/release/Orchis-Grey.tar.xz
deleted file mode 100644
index 4d3daa7..0000000
Binary files a/release/Orchis-Grey.tar.xz and /dev/null differ
diff --git a/release/Orchis-Orange.tar.xz b/release/Orchis-Orange.tar.xz
deleted file mode 100644
index a0b75e8..0000000
Binary files a/release/Orchis-Orange.tar.xz and /dev/null differ
diff --git a/release/Orchis-Pink.tar.xz b/release/Orchis-Pink.tar.xz
deleted file mode 100644
index 88b6d81..0000000
Binary files a/release/Orchis-Pink.tar.xz and /dev/null differ
diff --git a/release/Orchis-Purple.tar.xz b/release/Orchis-Purple.tar.xz
deleted file mode 100644
index 65704b5..0000000
Binary files a/release/Orchis-Purple.tar.xz and /dev/null differ
diff --git a/release/Orchis-Red.tar.xz b/release/Orchis-Red.tar.xz
deleted file mode 100644
index bc5fc59..0000000
Binary files a/release/Orchis-Red.tar.xz and /dev/null differ
diff --git a/release/Orchis-Teal.tar.xz b/release/Orchis-Teal.tar.xz
deleted file mode 100644
index 4a3a299..0000000
Binary files a/release/Orchis-Teal.tar.xz and /dev/null differ
diff --git a/release/Orchis-Yellow.tar.xz b/release/Orchis-Yellow.tar.xz
deleted file mode 100644
index d2c7aaf..0000000
Binary files a/release/Orchis-Yellow.tar.xz and /dev/null differ
diff --git a/release/Orchis.tar.xz b/release/Orchis.tar.xz
deleted file mode 100644
index 14f10dc..0000000
Binary files a/release/Orchis.tar.xz and /dev/null differ
diff --git a/src/gnome-shell/shell-42-0/gnome-shell-Compact.css b/src/gnome-shell/shell-42-0/gnome-shell-Compact.css
index 6266de2..24145b5 100644
--- a/src/gnome-shell/shell-42-0/gnome-shell-Compact.css
+++ b/src/gnome-shell/shell-42-0/gnome-shell-Compact.css
@@ -2,7 +2,7 @@
 stage {
   font-size: 9.75pt;
   font-weight: 400;
-  color: white;
+  color: rgba(0, 0, 0, 0.87);
 }
 
 .search-statustext {
@@ -14,8 +14,8 @@ stage {
 .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item {
   border: none;
   margin-bottom: 4px;
-  color: rgba(255, 255, 255, 0.7);
-  background-color: rgba(255, 255, 255, 0.04);
+  color: rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0, 0.04);
   border-color: transparent;
   box-shadow: none;
   text-shadow: none;
@@ -25,8 +25,8 @@ stage {
 }
 
 .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   box-shadow: none;
   text-shadow: none;
@@ -34,18 +34,18 @@ stage {
 }
 
 .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.24);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.24);
   border-color: transparent;
   box-shadow: none;
   text-shadow: none;
   icon-shadow: none;
-  color: white !important;
+  color: rgba(0, 0, 0, 0.87) !important;
 }
 
 .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive {
-  color: rgba(255, 255, 255, 0.3);
-  background-color: rgba(255, 255, 255, 0.04);
+  color: rgba(0, 0, 0, 0.26);
+  background-color: rgba(0, 0, 0, 0.04);
   border-color: transparent;
   box-shadow: none;
   text-shadow: none;
@@ -53,7 +53,7 @@ stage {
 }
 
 .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus {
-  color: #3281EA;
+  color: #1A73E8;
   text-shadow: none;
   icon-shadow: none;
   box-shadow: none !important;
@@ -99,7 +99,7 @@ stage {
 }
 
 .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
-  color: #3281EA;
+  color: #1A73E8;
   text-shadow: none;
   icon-shadow: none;
   box-shadow: none !important;
@@ -130,7 +130,7 @@ stage {
 
 .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
   color: white;
-  background-color: #3281EA;
+  background-color: #1A73E8;
   border-color: transparent;
   box-shadow: none;
   text-shadow: none;
@@ -149,18 +149,18 @@ stage {
 /* WIDGETS */
 .shell-link {
   border-radius: 10px;
-  color: #3281EA;
+  color: #1A73E8;
   background-color: transparent;
 }
 
 .shell-link:hover {
-  color: #3281EA;
-  background-color: rgba(50, 129, 234, 0.15);
+  color: #1A73E8;
+  background-color: rgba(26, 115, 232, 0.15);
 }
 
 .shell-link:active {
-  color: #3281EA;
-  background-color: rgba(50, 129, 234, 0.3);
+  color: #1A73E8;
+  background-color: rgba(26, 115, 232, 0.3);
 }
 
 .lowres-icon {
@@ -177,13 +177,13 @@ StEntry {
   padding: 0 8px;
   border-radius: 9999px;
   border-width: 0;
-  selection-background-color: #3281EA;
+  selection-background-color: #1A73E8;
   selected-color: white !important;
   font-size: 11.25pt;
   font-weight: 400;
-  caret-color: rgba(255, 255, 255, 0.7);
-  color: rgba(255, 255, 255, 0.7);
-  background-color: rgba(255, 255, 255, 0.12);
+  caret-color: rgba(0, 0, 0, 0.6);
+  color: rgba(0, 0, 0, 0.6);
+  background-color: #FFFFFF;
   margin: 2px 6px 6px;
   border: 2px solid transparent;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 5px 8px rgba(0, 0, 0, 0.05);
@@ -194,9 +194,9 @@ StEntry:hover {
 }
 
 StEntry:focus {
-  color: white;
+  color: rgba(0, 0, 0, 0.87);
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.08);
-  border: 2px solid #3281EA;
+  border: 2px solid #1A73E8;
 }
 
 StEntry:insensitive {
@@ -205,7 +205,7 @@ StEntry:insensitive {
 
 StEntry StIcon.capslock-warning {
   icon-size: 16px;
-  warning-color: #FBC02D;
+  warning-color: #FFD600;
   padding: 0 0;
 }
 
@@ -216,7 +216,7 @@ StEntry StIcon.peek-password {
 
 StEntry StLabel.hint-text {
   margin-left: 2px;
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
 }
 
 /* Buttons */
@@ -228,7 +228,7 @@ StEntry StLabel.hint-text {
   text-align: center;
   font-size: 9.75pt;
   font-weight: 500;
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
   background-color: transparent;
   border-color: transparent;
   box-shadow: none;
@@ -237,8 +237,8 @@ StEntry StLabel.hint-text {
 }
 
 .button:hover {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.08);
   border-color: transparent;
   box-shadow: none;
   text-shadow: none;
@@ -246,8 +246,8 @@ StEntry StLabel.hint-text {
 }
 
 .button:active {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.3);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.26);
   border-color: transparent;
   box-shadow: none;
   text-shadow: none;
@@ -255,8 +255,8 @@ StEntry StLabel.hint-text {
 }
 
 .button:checked {
-  color: white;
-  background-color: #3281EA;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.26);
   border-color: transparent;
   box-shadow: none;
   text-shadow: none;
@@ -264,7 +264,7 @@ StEntry StLabel.hint-text {
 }
 
 .button:insensitive {
-  color: rgba(255, 255, 255, 0.3);
+  color: rgba(0, 0, 0, 0.26);
   background-color: transparent;
   border-color: transparent;
   box-shadow: none;
@@ -273,7 +273,7 @@ StEntry StLabel.hint-text {
 }
 
 .button:focus {
-  color: white;
+  color: rgba(0, 0, 0, 0.87);
   text-shadow: none;
   icon-shadow: none;
   box-shadow: none !important;
@@ -284,7 +284,7 @@ StEntry StLabel.hint-text {
   padding: 8px;
   border-radius: 9999px;
   border: none;
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
   background-color: transparent;
   border-color: transparent;
   box-shadow: none;
@@ -293,8 +293,8 @@ StEntry StLabel.hint-text {
 }
 
 .icon-button:hover {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.08);
   border-color: transparent;
   box-shadow: none;
   text-shadow: none;
@@ -302,8 +302,8 @@ StEntry StLabel.hint-text {
 }
 
 .icon-button:active {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.3);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.26);
   border-color: transparent;
   box-shadow: none;
   text-shadow: none;
@@ -311,8 +311,8 @@ StEntry StLabel.hint-text {
 }
 
 .icon-button:checked {
-  color: white;
-  background-color: #3281EA;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.26);
   border-color: transparent;
   box-shadow: none;
   text-shadow: none;
@@ -320,7 +320,7 @@ StEntry StLabel.hint-text {
 }
 
 .icon-button:insensitive {
-  color: rgba(255, 255, 255, 0.3);
+  color: rgba(0, 0, 0, 0.26);
   background-color: transparent;
   border-color: transparent;
   box-shadow: none;
@@ -329,7 +329,7 @@ StEntry StLabel.hint-text {
 }
 
 .icon-button:focus {
-  color: white;
+  color: rgba(0, 0, 0, 0.87);
   text-shadow: none;
   icon-shadow: none;
   box-shadow: none !important;
@@ -358,11 +358,11 @@ StEntry StLabel.hint-text {
 }
 
 .check-box:hover StBin {
-  background-color: rgba(255, 255, 255, 0.08);
+  background-color: rgba(0, 0, 0, 0.08);
 }
 
 .check-box:active StBin {
-  background-color: rgba(255, 255, 255, 0.3);
+  background-color: rgba(0, 0, 0, 0.26);
 }
 
 .check-box:checked StBin {
@@ -374,11 +374,11 @@ StEntry StLabel.hint-text {
 }
 
 .check-box:hover:checked StBin {
-  background-color: rgba(50, 129, 234, 0.15);
+  background-color: rgba(26, 115, 232, 0.15);
 }
 
 .check-box:active:checked StBin {
-  background-color: rgba(50, 129, 234, 0.3);
+  background-color: rgba(26, 115, 232, 0.3);
 }
 
 /* Switches */
@@ -397,26 +397,26 @@ StEntry StLabel.hint-text {
 .slider {
   height: 20px;
   -barlevel-height: 2px;
-  -barlevel-background-color: rgba(255, 255, 255, 0.3);
+  -barlevel-background-color: rgba(0, 0, 0, 0.26);
   -barlevel-border-width: 0;
-  -barlevel-border-color: rgba(255, 255, 255, 0.12);
-  -barlevel-active-background-color: #3281EA;
-  -barlevel-active-border-color: #3b87eb;
-  -barlevel-overdrive-color: #F44336;
-  -barlevel-overdrive-border-color: #f54c40;
+  -barlevel-border-color: rgba(0, 0, 0, 0.12);
+  -barlevel-active-background-color: #1A73E8;
+  -barlevel-active-border-color: #166ad8;
+  -barlevel-overdrive-color: #E53935;
+  -barlevel-overdrive-border-color: #e32723;
   -barlevel-overdrive-separator-width: 2px;
   -slider-handle-radius: 6px;
   -slider-handle-border-width: 0;
-  -slider-handle-border-color: white;
-  color: white;
+  -slider-handle-border-color: rgba(0, 0, 0, 0.12);
+  color: #1A73E8;
 }
 
 .slider:hover {
-  color: white;
+  color: #3181ea;
 }
 
 .slider:active {
-  color: #f2f2f2;
+  color: #1567d3;
 }
 
 /* Scrollbars */
@@ -440,22 +440,22 @@ StScrollView StScrollBar {
 
 StScrollBar StBin#trough {
   border-radius: 9999px;
-  background-color: rgba(255, 255, 255, 0.08);
+  background-color: rgba(0, 0, 0, 0.08);
 }
 
 StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
   border-radius: 9999px;
-  background-color: rgba(255, 255, 255, 0.5);
+  background-color: rgba(0, 0, 0, 0.38);
   border: 4px solid transparent;
   transition: 500ms all ease;
 }
 
 StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
-  background-color: rgba(255, 255, 255, 0.7);
+  background-color: rgba(0, 0, 0, 0.6);
 }
 
 StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
-  background-color: white;
+  background-color: rgba(0, 0, 0, 0.87);
 }
 
 #LookingGlassDialog StScrollBar StBin#trough, #overviewGroup StScrollBar StBin#trough {
@@ -504,7 +504,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .popup-menu {
   min-width: 10em;
-  color: white;
+  color: rgba(0, 0, 0, 0.87);
   background-color: transparent;
   border: none;
   padding: 0;
@@ -515,7 +515,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-menu .popup-menu-content {
   padding: 4px;
   margin: 0 3px 14px;
-  background-color: #3C3C3C;
+  background-color: #FFFFFF;
   border-radius: 18px;
   border: none;
   box-shadow: 0 3px 8px -3px rgba(0, 0, 0, 0.2);
@@ -524,7 +524,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-menu .popup-menu-item {
   spacing: 4px;
   padding: 4px 8px;
-  color: white !important;
+  color: rgba(0, 0, 0, 0.87) !important;
   background-color: transparent;
   transition-duration: 100ms;
   border-radius: 9999px;
@@ -547,12 +547,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border-radius: 14px 14px 0 0;
   border: none;
   box-shadow: none;
-  background-color: rgba(255, 255, 255, 0.95) !important;
+  background-color: rgba(0, 0, 0, 0.1) !important;
   color: rgba(0, 0, 0, 0.75) !important;
 }
 
 .popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked.selected {
-  background-color: #e5e5e5 !important;
+  background-color: rgba(0, 0, 0, 0.2) !important;
   color: rgba(0, 0, 0, 0.85) !important;
 }
 
@@ -562,7 +562,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .popup-menu .popup-menu-item:checked.selected:active {
-  background-color: #e0e0e0 !important;
+  background-color: rgba(0, 0, 0, 0.15) !important;
   color: rgba(0, 0, 0, 0.75) !important;
 }
 
@@ -571,31 +571,31 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .popup-menu .popup-menu-item:hover, .popup-menu .popup-menu-item:focus, .popup-menu .popup-menu-item.selected {
-  background-color: rgba(255, 255, 255, 0.08) !important;
-  color: white !important;
+  background-color: rgba(0, 0, 0, 0.08) !important;
+  color: rgba(0, 0, 0, 0.87) !important;
   transition-duration: 0ms;
 }
 
 .popup-menu .popup-menu-item:active {
-  background-color: rgba(255, 255, 255, 0.3) !important;
-  color: white !important;
+  background-color: rgba(0, 0, 0, 0.26) !important;
+  color: rgba(0, 0, 0, 0.87) !important;
   transition-duration: 150ms;
 }
 
 .popup-menu .popup-menu-item.selected:active {
-  color: white !important;
+  color: rgba(0, 0, 0, 0.87) !important;
 }
 
 .popup-menu .popup-menu-item:insensitive {
-  color: rgba(255, 255, 255, 0.5) !important;
+  color: rgba(0, 0, 0, 0.38) !important;
 }
 
 .popup-menu .popup-inactive-menu-item {
-  color: white !important;
+  color: rgba(0, 0, 0, 0.87) !important;
 }
 
 .popup-menu .popup-inactive-menu-item:insensitive {
-  color: rgba(255, 255, 255, 0.5) !important;
+  color: rgba(0, 0, 0, 0.38) !important;
 }
 
 .popup-menu .popup-menu-arrow,
@@ -610,7 +610,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   box-shadow: none;
   background-image: none;
   color: rgba(0, 0, 0, 0.75) !important;
-  background-color: rgba(255, 255, 255, 0.95) !important;
+  background-color: rgba(0, 0, 0, 0.1) !important;
 }
 
 .popup-menu .popup-sub-menu .popup-menu-item {
@@ -659,7 +659,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
   height: 1px;
   margin: 4px 32px;
-  background-color: rgba(255, 255, 255, 0.12);
+  background-color: rgba(0, 0, 0, 0.12);
 }
 
 .popup-sub-menu .popup-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
@@ -756,24 +756,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   box-shadow: none;
   background: none;
   text-shadow: none;
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
 }
 
 .datemenu-calendar-column {
   spacing: 4px;
-  border: 0 solid rgba(255, 255, 255, 0.12);
+  border: 0 solid rgba(0, 0, 0, 0.12);
   padding: 0 4px;
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
 }
 
 .datemenu-calendar-column:hover, .datemenu-calendar-column:focus {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.08);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.08);
 }
 
 .datemenu-calendar-column:active {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.3);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.26);
 }
 
 .datemenu-calendar-column:ltr {
@@ -798,7 +798,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   box-shadow: none;
   text-shadow: none;
   background: none;
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
 }
 
 .datemenu-today-button .day-label {
@@ -813,13 +813,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .datemenu-today-button:hover, .datemenu-today-button:focus {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.08);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.08);
 }
 
 .datemenu-today-button:active {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.3);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.26);
 }
 
 .calendar-month-label {
@@ -827,15 +827,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   margin: 2px;
   padding: 6px 16px;
   border-radius: 10px;
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
   font-weight: bold;
   text-align: center;
   text-shadow: none;
 }
 
 .calendar-month-label:focus {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.08);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.08);
 }
 
 .pager-button {
@@ -844,17 +844,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   margin: 2px;
   border-radius: 9999px;
   background-color: transparent;
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
 }
 
 .pager-button:hover, .pager-button:focus {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.08);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.08);
 }
 
 .pager-button:active {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.3);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.26);
 }
 
 .calendar-change-month-back {
@@ -884,25 +884,25 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 2px !important;
   margin: 2px !important;
   border-radius: 9999px;
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
   border: none;
   font-feature-settings: "tnum";
   text-shadow: none;
 }
 
 .calendar-day-base:hover, .calendar-day-base:focus {
-  background-color: rgba(255, 255, 255, 0.08);
+  background-color: rgba(0, 0, 0, 0.08);
 }
 
 .calendar-day-base:active {
-  color: rgba(255, 255, 255, 0.7);
-  background-color: rgba(255, 255, 255, 0.3);
+  color: rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0, 0.26);
   border-color: transparent;
 }
 
 .calendar-day-base:selected {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.3);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.26);
   border-color: transparent;
 }
 
@@ -913,7 +913,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 7px 0 0;
   border-radius: 9999px;
   background-color: transparent;
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
   font-size: 9pt;
   font-weight: 400;
   font-weight: bold;
@@ -933,43 +933,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-nonwork-day {
-  color: white;
+  color: rgba(0, 0, 0, 0.87);
 }
 
 .calendar-today {
   font-weight: bold !important;
   color: white;
-  background-color: #3281EA;
+  background-color: #1A73E8;
   border: none;
 }
 
 .calendar-today:hover, .calendar-today:focus {
-  background-color: #408aeb;
+  background-color: #287ce9;
   color: white;
 }
 
 .calendar-today:active, .calendar-today:selected {
-  background-color: #3281EA;
+  background-color: #1A73E8;
   color: white;
 }
 
 .calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus {
-  background-color: #408aeb;
+  background-color: #287ce9;
   color: white;
 }
 
 .calendar-day-with-events {
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
   background-image: url("assets/calendar-today.svg");
 }
 
 .calendar-day-with-events.calendar-work-day {
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
   font-weight: bold;
 }
 
 .calendar-other-month-day {
-  color: rgba(255, 255, 255, 0.3);
+  color: rgba(0, 0, 0, 0.26);
   opacity: 0.5;
 }
 
@@ -979,8 +979,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   margin: 2px !important;
   padding: 0 !important;
   border-radius: 9999px;
-  background-color: rgba(255, 255, 255, 0.03);
-  color: rgba(255, 255, 255, 0.5);
+  background-color: rgba(0, 0, 0, 0.04);
+  color: rgba(0, 0, 0, 0.38);
   font-size: inherit;
   font-weight: bold;
   text-align: center;
@@ -995,8 +995,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border: none;
   box-shadow: none;
   text-shadow: none;
-  color: rgba(255, 255, 255, 0.7);
-  background-color: rgba(255, 255, 255, 0.03);
+  color: rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0, 0.04);
 }
 
 .world-clocks-button:hover, .world-clocks-button:focus,
@@ -1004,15 +1004,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .weather-button:focus,
 .events-button:hover,
 .events-button:focus {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.08);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.08);
 }
 
 .world-clocks-button:active,
 .weather-button:active,
 .events-button:active {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.3);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.26);
 }
 
 .world-clocks-header,
@@ -1020,7 +1020,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .message-list-section-title,
 .events-section-title,
 .events-title {
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
   font-weight: bold;
   margin-bottom: 2px;
   text-shadow: none;
@@ -1035,7 +1035,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .world-clocks-header,
 .weather-header,
 .events-section-title {
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
   font-weight: bold;
   font-size: 0.9em;
 }
@@ -1050,18 +1050,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .events-button .event-time {
-  color: rgba(255, 255, 255, 0.3);
+  color: rgba(0, 0, 0, 0.26);
   font-feature-settings: "tnum";
 }
 
 .world-clocks-button .world-clocks-city {
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
   font-weight: normal;
   font-size: 0.9em;
 }
 
 .world-clocks-button .world-clocks-time {
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
   font-feature-settings: "tnum";
   font-weight: bold;
   font-size: 0.9em;
@@ -1076,7 +1076,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .world-clocks-button .world-clocks-timezone {
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
   font-feature-settings: "tnum";
   font-size: 0.9em;
 }
@@ -1091,17 +1091,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .weather-button .weather-header.location {
   font-weight: normal;
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
   font-size: 0.8em;
 }
 
 .weather-button .weather-forecast-icon {
   icon-size: 24px;
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .weather-button .weather-forecast-time {
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
   font-size: 0.7em;
   font-feature-settings: "tnum";
   font-weight: normal;
@@ -1111,7 +1111,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .weather-button .weather-forecast-temp {
   font-weight: bold;
-  color: rgba(255, 255, 255, 0.65);
+  color: rgba(0, 0, 0, 0.52);
   text-shadow: none;
 }
 
@@ -1119,7 +1119,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .message-list {
   width: 31.5em;
   padding: 0;
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
   text-shadow: none;
   border: none;
 }
@@ -1140,7 +1140,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .message-list .message-list-placeholder {
   spacing: 8px;
-  color: rgba(255, 255, 255, 0.3);
+  color: rgba(0, 0, 0, 0.26);
 }
 
 .message-list .message-list-placeholder > StIcon {
@@ -1166,19 +1166,19 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .message {
-  background-color: rgba(255, 255, 255, 0.03);
+  background-color: rgba(0, 0, 0, 0.04);
   border: none;
   border-radius: 10px;
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
   text-shadow: none;
 }
 
 .message:hover, .message:focus {
-  background-color: rgba(255, 255, 255, 0.08);
+  background-color: rgba(0, 0, 0, 0.08);
 }
 
 .message:active {
-  background-color: rgba(255, 255, 255, 0.3);
+  background-color: rgba(0, 0, 0, 0.26);
 }
 
 .popup-menu .message {
@@ -1208,13 +1208,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   spacing: 4px;
   padding: 6px;
   margin-bottom: 4px;
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
 }
 
 .message .message-title {
   font-weight: bold;
   padding-top: 0.57em;
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
 }
 
 .message .message-secondary-bin {
@@ -1222,7 +1222,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .message .message-secondary-bin > .event-time {
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
   font-size: 0.9em;
   padding-bottom: 0.13em;
 }
@@ -1236,7 +1236,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .message .message-close-button {
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
   padding: 0;
   height: 20px;
   width: 20px;
@@ -1244,25 +1244,25 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .message .message-close-button:hover, .message .message-close-button:focus {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.08);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.08);
 }
 
 .message .message-close-button:active {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.3);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.26);
 }
 
 .message .message-close-button:insensitive {
-  color: rgba(255, 255, 255, 0.3);
+  color: rgba(0, 0, 0, 0.26);
 }
 
 .message .message-body {
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .url-highlighter {
-  link-color: #3281EA;
+  link-color: #1A73E8;
 }
 
 /* Media Controls */
@@ -1270,21 +1270,21 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   margin: 18px 4px;
   padding: 8px;
   border-radius: 9999px;
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
 }
 
 .message-media-control:hover, .message-media-control:focus {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.08);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.08);
 }
 
 .message-media-control:active {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.3);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.26);
 }
 
 .message-media-control:insensitive {
-  color: rgba(255, 255, 255, 0.3);
+  color: rgba(0, 0, 0, 0.26);
 }
 
 .message-media-control:last-child:ltr {
@@ -1302,9 +1302,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .media-message-cover-icon.fallback {
-  background-color: rgba(255, 255, 255, 0.08);
+  background-color: rgba(0, 0, 0, 0.08);
   padding: 8px;
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
   border: none;
   border-radius: 10px;
   icon-size: 24px !important;
@@ -1320,7 +1320,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .candidate-popup-content {
-  background-color: #3C3C3C;
+  background-color: #FFFFFF;
   border-radius: 10px;
   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
   margin: 2px 10px 13px;
@@ -1331,7 +1331,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .candidate-index {
   padding: 0 0.5em 0 0;
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .candidate-box:selected .candidate-index {
@@ -1345,17 +1345,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .candidate-box:hover {
-  background-color: rgba(255, 255, 255, 0.08);
-  color: white;
+  background-color: rgba(0, 0, 0, 0.08);
+  color: rgba(0, 0, 0, 0.87);
 }
 
 .candidate-box:active {
-  background-color: rgba(255, 255, 255, 0.3);
-  color: white;
+  background-color: rgba(0, 0, 0, 0.26);
+  color: rgba(0, 0, 0, 0.87);
 }
 
 .candidate-box:selected {
-  background-color: #3281EA;
+  background-color: #1A73E8;
   color: white;
 }
 
@@ -1414,31 +1414,31 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   max-width: 12em;
   min-height: 32px;
   border: none;
-  background-color: rgba(255, 255, 255, 0.06) !important;
+  background-color: rgba(0, 0, 0, 0.06) !important;
   /* Move padding into the box; this is to allow menu arrows
      to extend to the border */
 }
 
 .quick-toggle:hover {
-  background-color: rgba(255, 255, 255, 0.12) !important;
+  background-color: rgba(0, 0, 0, 0.12) !important;
 }
 
 .quick-toggle:active {
-  background-color: rgba(255, 255, 255, 0.24) !important;
+  background-color: rgba(0, 0, 0, 0.24) !important;
 }
 
 .quick-toggle:checked {
-  background-color: #3281EA !important;
+  background-color: #1A73E8 !important;
   color: white;
 }
 
 .quick-toggle:checked:hover {
-  background-color: #478eec !important;
+  background-color: rgba(24, 106, 214, 0.987) !important;
   color: white;
 }
 
 .quick-toggle:checked:active {
-  background-color: #5b9aee !important;
+  background-color: rgba(22, 96, 195, 0.974) !important;
   color: white;
 }
 
@@ -1479,12 +1479,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .quick-menu-toggle .quick-toggle-arrow {
-  background-color: rgba(255, 255, 255, 0.08) !important;
+  background-color: rgba(0, 0, 0, 0.08) !important;
   padding: 4px 7px;
 }
 
 .quick-menu-toggle .quick-toggle-arrow:active {
-  background-color: rgba(255, 255, 255, 0.3) !important;
+  background-color: rgba(0, 0, 0, 0.26) !important;
 }
 
 .quick-menu-toggle .quick-toggle-arrow:ltr {
@@ -1510,7 +1510,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .quick-slider .slider-bin:focus {
-  color: #3281EA;
+  color: #1A73E8;
   text-shadow: none;
   icon-shadow: none;
   box-shadow: none !important;
@@ -1564,10 +1564,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-color: rgba(0, 0, 0, 0.1) !important;
 }
 
-.quick-toggle-menu .popup-menu-item .toggle-switch {
-  background-image: url("assets/menu-toggle-off.svg");
-}
-
 .quick-toggle-menu .header {
   spacing-rows: 2px;
   spacing-columns: 8px;
@@ -1582,7 +1578,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .quick-toggle-menu .header .icon.active {
-  background-color: #3281EA !important;
+  background-color: #1A73E8 !important;
   color: white;
 }
 
@@ -1591,15 +1587,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .quick-settings-system-item .icon-button {
-  background-color: rgba(255, 255, 255, 0.06);
+  background-color: rgba(0, 0, 0, 0.06);
 }
 
 .quick-settings-system-item .icon-button:hover {
-  background-color: rgba(255, 255, 255, 0.12);
+  background-color: rgba(0, 0, 0, 0.12);
 }
 
 .quick-settings-system-item .icon-button:active {
-  background-color: rgba(255, 255, 255, 0.24);
+  background-color: rgba(0, 0, 0, 0.24);
 }
 
 .quick-settings-system-item .icon-button > StIcon {
@@ -1612,8 +1608,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .quick-settings-system-item .power-item:insensitive {
-  color: rgba(255, 255, 255, 0.7);
-  background-color: rgba(255, 255, 255, 0.04);
+  color: rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0, 0.04);
   border-color: transparent;
   box-shadow: none;
   text-shadow: none;
@@ -1632,18 +1628,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   font-size: 1em;
   margin: 5px;
   border-radius: 10px;
-  color: white;
-  background-color: rgba(44, 44, 44, 0.92);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(255, 255, 255, 0.92);
   border: none;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.32);
 }
 
 .notification-banner:hover {
-  background-color: rgba(44, 44, 44, 0.95);
+  background-color: rgba(255, 255, 255, 0.95);
 }
 
 .notification-banner:focus {
-  background-color: #2C2C2C;
+  background-color: #FFFFFF;
 }
 
 .notification-banner .notification-actions {
@@ -1654,10 +1650,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   min-height: 40px;
   padding: 0 16px;
   background-color: transparent;
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
   font-weight: 500;
   border-width: 1px 0 0 0;
-  border-color: rgba(255, 255, 255, 0.08);
+  border-color: rgba(0, 0, 0, 0.08);
   border-style: solid;
 }
 
@@ -1675,21 +1671,21 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .notification-banner .notification-button:focus {
   background-color: transparent;
-  color: rgba(255, 255, 255, 0.7);
-  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.08) !important;
+  color: rgba(0, 0, 0, 0.6);
+  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.08) !important;
   outline: none !important;
 }
 
 .notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
-  background-color: rgba(255, 255, 255, 0.08);
-  color: white;
+  background-color: rgba(0, 0, 0, 0.08);
+  color: rgba(0, 0, 0, 0.87);
   box-shadow: none !important;
   outline: none !important;
 }
 
 .notification-banner .notification-button:active {
-  background-color: rgba(255, 255, 255, 0.3);
-  color: white;
+  background-color: rgba(0, 0, 0, 0.26);
+  color: rgba(0, 0, 0, 0.87);
 }
 
 .summary-source-counter {
@@ -1699,9 +1695,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   width: 1.6em;
   -shell-counter-overlap-x: 3px;
   -shell-counter-overlap-y: 3px;
-  background-color: #3281EA;
+  background-color: #1A73E8;
   color: white;
-  border: 2px solid #3281EA;
+  border: 2px solid #1A73E8;
   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
   border-radius: 0.9em;
 }
@@ -1715,7 +1711,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .chat-log-message {
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
 }
 
 .chat-new-group {
@@ -1733,7 +1729,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .chat-sent {
   padding-left: 18pt;
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
 }
 
 .chat-sent:rtl {
@@ -1746,7 +1742,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding-left: 4px;
   font-size: 9pt;
   font-weight: 400;
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .chat-meta-message:rtl {
@@ -1771,9 +1767,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .modal-dialog {
   border-radius: 24px;
-  color: white;
-  background-color: #2C2C2C;
-  border: 0 none rgba(0, 0, 0, 0.75);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #FFFFFF;
+  border: 0 none rgba(0, 0, 0, 0.15);
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
 }
 
@@ -1781,7 +1777,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   margin: 32px 40px;
   spacing: 32px;
   max-width: 28em;
-  background-color: #2C2C2C;
+  background-color: #FFFFFF;
 }
 
 .modal-dialog .modal-dialog-linked-button {
@@ -1796,22 +1792,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .end-session-dialog .modal-dialog-linked-button:last-child {
   color: white;
-  background-color: #F44336;
+  background-color: #E53935;
 }
 
 .end-session-dialog .modal-dialog-linked-button:last-child:hover {
   color: white;
-  background-color: #f66c62;
+  background-color: #ea615e;
 }
 
 .end-session-dialog .modal-dialog-linked-button:last-child:active {
   color: white !important;
-  background-color: #f32c1e;
+  background-color: #e2231e;
 }
 
 .end-session-dialog .end-session-dialog-battery-warning,
 .end-session-dialog .dialog-list-title {
-  color: #FBC02D;
+  color: #FFD600;
 }
 
 /* Message Dialog */
@@ -1861,7 +1857,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
   font-size: 15pt;
   font-weight: 500;
 }
@@ -1880,7 +1876,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   font-size: 11.25pt;
   font-weight: 400;
   text-align: center;
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
 }
 
 /* Password or Authentication Dialog */
@@ -1889,37 +1885,37 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .prompt-dialog .modal-dialog-linked-button:first-child {
-  color: #F44336;
+  color: #E53935;
 }
 
 .prompt-dialog .modal-dialog-linked-button:first-child:active {
   color: white !important;
-  background-color: #F44336;
+  background-color: #E53935;
 }
 
 .prompt-dialog .modal-dialog-linked-button:last-child {
   color: white;
-  background-color: #3281EA;
+  background-color: #1A73E8;
 }
 
 .prompt-dialog .modal-dialog-linked-button:last-child:hover {
   color: white;
-  background-color: #5c9bee;
+  background-color: #448dec;
 }
 
 .prompt-dialog .modal-dialog-linked-button:last-child:active {
   color: white !important;
-  background-color: #1b73e8;
+  background-color: #1567d3;
 }
 
 .prompt-dialog .modal-dialog-linked-button:last-child:insensitive {
-  color: rgba(50, 129, 234, 0.5);
-  background-color: rgba(50, 129, 234, 0.15);
+  color: rgba(26, 115, 232, 0.5);
+  background-color: rgba(26, 115, 232, 0.15);
 }
 
 .prompt-dialog .modal-dialog-content-box {
   margin-bottom: 24px;
-  background-color: #2C2C2C;
+  background-color: #FFFFFF;
 }
 
 .prompt-dialog-password-grid {
@@ -1956,7 +1952,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .prompt-dialog-error-label {
-  color: #FBC02D;
+  color: #FFD600;
 }
 
 /* Polkit Dialog */
@@ -1967,7 +1963,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .polkit-dialog-user-layout .polkit-dialog-user-root-label {
-  color: #FBC02D;
+  color: #FFD600;
 }
 
 /* Audio selection dialog */
@@ -1980,12 +1976,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .audio-selection-device {
-  border: 1px solid rgba(255, 255, 255, 0.12);
+  border: 1px solid rgba(0, 0, 0, 0.12);
   border-radius: 10px;
 }
 
 .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus {
-  background-color: #3281EA;
+  background-color: #1A73E8;
 }
 
 .audio-selection-device-box {
@@ -2028,7 +2024,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .nm-dialog-airplane-text {
-  color: white;
+  color: rgba(0, 0, 0, 0.87);
 }
 
 .nm-dialog-header {
@@ -2045,7 +2041,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .nm-dialog-scroll-view {
   border: none;
-  background-color: rgba(255, 255, 255, 0.08);
+  background-color: rgba(0, 0, 0, 0.08);
   border-radius: 10px;
   padding: 8px;
   padding-right: 0;
@@ -2060,15 +2056,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .nm-dialog-item:hover, .nm-dialog-item:focus {
-  background-color: rgba(255, 255, 255, 0.08);
+  background-color: rgba(0, 0, 0, 0.08);
 }
 
 .nm-dialog-item:active {
-  background-color: rgba(255, 255, 255, 0.3);
+  background-color: rgba(0, 0, 0, 0.26);
 }
 
 .nm-dialog-item:selected {
-  background-color: #3281EA;
+  background-color: #1A73E8;
   color: white;
 }
 
@@ -2081,7 +2077,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .no-networks-label {
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .no-networks-box {
@@ -2121,9 +2117,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .osd-window .level {
   height: 4px;
   -barlevel-height: 4px;
-  -barlevel-background-color: rgba(50, 129, 234, 0.3);
-  -barlevel-active-background-color: #3281EA;
-  -barlevel-overdrive-color: #F44336;
+  -barlevel-background-color: rgba(26, 115, 232, 0.3);
+  -barlevel-active-background-color: #1A73E8;
+  -barlevel-overdrive-color: #E53935;
   -barlevel-overdrive-separator-width: 3px;
   -barlevel-border-width: 0;
   min-width: 120px;
@@ -2169,11 +2165,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .switcher-list .item-box:outlined {
-  background-color: rgba(255, 255, 255, 0.08);
+  background-color: rgba(0, 0, 0, 0.08);
 }
 
 .switcher-list .item-box:selected {
-  background-color: #3281EA;
+  background-color: #1A73E8;
   color: white;
 }
 
@@ -2188,7 +2184,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .switcher-list .separator {
   width: 1px;
-  background: rgba(255, 255, 255, 0.12);
+  background: rgba(0, 0, 0, 0.12);
 }
 
 .switcher-list .switcher-list-item-container {
@@ -2197,11 +2193,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .switcher-arrow {
   border-color: rgba(0, 0, 0, 0);
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .switcher-arrow:highlighted {
-  color: white;
+  color: rgba(0, 0, 0, 0.87);
 }
 
 .input-source-switcher-symbol {
@@ -2211,7 +2207,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .cycler-highlight {
-  border: 5px solid #3281EA;
+  border: 5px solid #1A73E8;
 }
 
 /* Workspace Switcher */
@@ -2231,7 +2227,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   height: 50px;
   background-size: 32px;
   border: none;
-  background: rgba(255, 255, 255, 0.08);
+  background: rgba(0, 0, 0, 0.08);
   border-radius: 10px;
 }
 
@@ -2240,7 +2236,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .ws-switcher-active-left,
 .ws-switcher-active-right {
   height: 52px;
-  background-color: #3281EA;
+  background-color: #1A73E8;
   border: none;
   border-radius: 12px;
   color: white;
@@ -2416,7 +2412,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 #panel .screencast-indicator,
 #panel .remote-access-indicator {
-  color: #FBC02D;
+  color: #FFD600;
 }
 
 #appMenu {
@@ -2434,7 +2430,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 /* Activities Ripple */
 .ripple-box {
-  background-color: rgba(50, 129, 234, 0.35);
+  background-color: rgba(26, 115, 232, 0.35);
   width: 52px;
   height: 52px;
   border-radius: 0 0 52px 0;
@@ -2464,7 +2460,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .window-caption {
   color: white;
-  background-color: rgba(25, 25, 25, 0.9);
+  background-color: rgba(52, 52, 52, 0.9);
   border-radius: 9999px;
   padding: 4px 8px;
 }
@@ -2504,11 +2500,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 4px 4px;
   width: 320px;
   border-radius: 9999px;
-  selection-background-color: #3281EA;
+  selection-background-color: #1A73E8;
   selected-color: white !important;
-  caret-color: rgba(255, 255, 255, 0.7);
-  color: rgba(255, 255, 255, 0.7);
-  background-color: rgba(255, 255, 255, 0.12);
+  caret-color: rgba(0, 0, 0, 0.6);
+  color: rgba(0, 0, 0, 0.6);
+  background-color: #FFFFFF;
   margin: 2px 6px 6px;
   border: 2px solid transparent;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 5px 8px rgba(0, 0, 0, 0.05);
@@ -2519,9 +2515,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .search-entry:focus {
-  color: white;
+  color: rgba(0, 0, 0, 0.87);
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.08);
-  border: 2px solid #3281EA;
+  border: 2px solid #1A73E8;
 }
 
 .search-entry:insensitive {
@@ -2531,12 +2527,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .search-entry .search-entry-icon {
   icon-size: 16px;
   padding: 0 4px;
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
 }
 
 .search-entry StLabel.hint-text {
   margin-left: 2px;
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
 }
 
 #overview .search-entry {
@@ -2562,7 +2558,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-color: rgba(255, 255, 255, 0.95);
   border: none;
   box-shadow: none;
-  selection-background-color: #3281EA;
+  selection-background-color: #1A73E8;
   selected-color: white !important;
 }
 
@@ -2822,7 +2818,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: white;
   background-color: rgba(255, 255, 255, 0.15);
   caret-color: white;
-  selection-background-color: #3281EA;
+  selection-background-color: #1A73E8;
   selected-color: white;
   width: 300px;
 }
@@ -2900,7 +2896,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 StWidget.focused .app-well-app-running-dot {
   width: 16px;
-  background-color: #3281EA;
+  background-color: #1A73E8;
 }
 
 .rename-folder-popup .rename-folder-popup-item {
@@ -3008,7 +3004,7 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .workspace-thumbnail-indicator {
-  border: 3px solid #3281EA;
+  border: 3px solid #1A73E8;
   border-radius: 3px;
   padding: 0px;
 }
@@ -3017,20 +3013,20 @@ StWidget.focused .app-well-app-running-dot {
   width: 48px;
   height: 48px;
   border-radius: 24px;
-  background-color: rgba(189, 214, 248, 0.3);
-  box-shadow: 0 0 2px 2px #8fbaf3;
+  background-color: rgba(165, 200, 246, 0.3);
+  box-shadow: 0 0 2px 2px #77acf1;
 }
 
 .pie-timer {
   width: 60px;
   height: 60px;
   -pie-border-width: 3px;
-  -pie-border-color: #3281EA;
-  -pie-background-color: rgba(235, 243, 253, 0.3);
+  -pie-border-color: #1A73E8;
+  -pie-background-color: rgba(211, 228, 251, 0.3);
 }
 
 .magnifier-zoom-region {
-  border: 2px solid #3281EA;
+  border: 2px solid #1A73E8;
 }
 
 .magnifier-zoom-region.full-screen {
@@ -3038,8 +3034,8 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .select-area-rubberband {
-  background-color: rgba(50, 129, 234, 0.3);
-  border: 1px solid #3281EA;
+  background-color: rgba(26, 115, 232, 0.3);
+  border: 1px solid #1A73E8;
 }
 
 .user-icon {
@@ -3094,7 +3090,7 @@ StWidget.focused .app-well-app-running-dot {
   padding-bottom: 8px;
   font-size: 9.75pt;
   font-weight: 400;
-  color: #FBC02D;
+  color: #FFD600;
 }
 
 /* Workspace animation */
@@ -3104,8 +3100,8 @@ StWidget.focused .app-well-app-running-dot {
 
 /* Tiled window previews */
 .tile-preview {
-  background-color: rgba(50, 129, 234, 0.3);
-  border: 1px solid #3281EA;
+  background-color: rgba(26, 115, 232, 0.3);
+  border: 1px solid #1A73E8;
 }
 
 .tile-preview-left.on-primary {
@@ -3150,18 +3146,18 @@ StWidget.focused .app-well-app-running-dot {
   border-radius: 10px;
   border: none;
   color: inherit;
-  background-color: #212121;
+  background-color: #FAFAFA;
   box-shadow: 0 1px rgba(0, 0, 0, 0.2);
 }
 
 .keyboard-key:focus, .keyboard-key:hover {
-  color: white;
-  background-color: #3b3b3b;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e1e1e1;
 }
 
 .keyboard-key:checked, .keyboard-key:active {
-  color: white;
-  background-color: #545454;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #c7c7c7;
 }
 
 .keyboard-key:grayed {
@@ -3171,37 +3167,37 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .keyboard-key.default-key {
-  background-color: #0F0F0F;
+  background-color: #BFBFBF;
   box-shadow: 0 1px rgba(0, 0, 0, 0.2);
 }
 
 .keyboard-key.default-key:focus, .keyboard-key.default-key:hover {
-  color: rgba(255, 255, 255, 0.7);
-  background-color: #212121;
+  color: rgba(0, 0, 0, 0.6);
+  background-color: #FAFAFA;
 }
 
 .keyboard-key.default-key:checked, .keyboard-key.default-key:active {
-  color: rgba(255, 255, 255, 0.7);
-  background-color: #121212;
+  color: rgba(0, 0, 0, 0.6);
+  background-color: #ebebeb;
 }
 
 .keyboard-key.enter-key {
-  background-color: #3281EA;
+  background-color: #1A73E8;
   color: white;
 }
 
 .keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover {
   color: white;
-  background-color: #498fec;
+  background-color: #3181ea;
 }
 
 .keyboard-key.enter-key:checked, .keyboard-key.enter-key:active {
   color: white;
-  background-color: #1667d3;
+  background-color: #135cbc;
 }
 
 .keyboard-key.shift-key-uppercase {
-  color: #3281EA;
+  color: #1A73E8;
 }
 
 .keyboard-key StIcon {
@@ -3227,8 +3223,8 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .emoji-panel .keyboard-key:latched {
-  border-color: #498fec;
-  background-color: #3281EA;
+  border-color: #3181ea;
+  background-color: #1A73E8;
 }
 
 .word-suggestions {
@@ -3299,18 +3295,18 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .lg-dialog StEntry {
-  selection-background-color: #3281EA;
+  selection-background-color: #1A73E8;
   selected-color: white;
   background-color: rgba(255, 255, 255, 0.12);
   color: white;
 }
 
 .lg-dialog .shell-link {
-  color: #3281EA;
+  color: #1A73E8;
 }
 
 .lg-dialog .shell-link:hover {
-  color: #3281EA;
+  color: #1A73E8;
 }
 
 .lg-dialog .actor-link {
@@ -3347,7 +3343,7 @@ StWidget.focused .app-well-app-running-dot {
   border-radius: 10px;
   font-size: 9.75pt;
   font-weight: 500;
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
   background-color: transparent;
   border-color: transparent;
   box-shadow: none;
@@ -3356,8 +3352,8 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .lg-obj-inspector-button:hover {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.08);
   border-color: transparent;
   box-shadow: none;
   text-shadow: none;
@@ -3365,8 +3361,8 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .lg-obj-inspector-button:active {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.3);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.26);
   border-color: transparent;
   box-shadow: none;
   text-shadow: none;
@@ -3374,7 +3370,7 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .lg-obj-inspector-button:insensitive {
-  color: rgba(255, 255, 255, 0.3);
+  color: rgba(0, 0, 0, 0.26);
   background-color: transparent;
   border-color: transparent;
   box-shadow: none;
@@ -3383,7 +3379,7 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .lg-obj-inspector-button:focus {
-  color: white;
+  color: rgba(0, 0, 0, 0.87);
   text-shadow: none;
   icon-shadow: none;
   box-shadow: none !important;
@@ -3509,7 +3505,7 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
-  background-color: rgba(255, 255, 255, 0.08);
+  background-color: rgba(0, 0, 0, 0.08);
 }
 
 .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
@@ -3521,19 +3517,19 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
-  background-color: #F44336;
+  background-color: #E53935;
 }
 
 .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
-  background-color: #f55a4e;
+  background-color: #e84f4c;
 }
 
 .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
-  background-color: #f22314;
+  background-color: #da201c;
 }
 
 .screenshot-ui-shot-cast-container {
-  background-color: rgba(255, 255, 255, 0.08);
+  background-color: rgba(0, 0, 0, 0.08);
   border-radius: 10px;
   padding: 3px;
   spacing: 3px;
@@ -3554,11 +3550,11 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
-  background-color: rgba(255, 255, 255, 0.12);
+  background-color: rgba(0, 0, 0, 0.12);
 }
 
 .screenshot-ui-shot-cast-button:active {
-  background-color: rgba(255, 255, 255, 0.3);
+  background-color: rgba(0, 0, 0, 0.26);
 }
 
 .screenshot-ui-shot-cast-button:checked {
@@ -3626,17 +3622,17 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
-  border-color: #135cbc;
+  border-color: #1151a5;
 }
 
 .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
-  border-color: #3281EA;
-  background-color: rgba(50, 129, 234, 0.2);
+  border-color: #1A73E8;
+  background-color: rgba(26, 115, 232, 0.2);
 }
 
 .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
   color: white;
-  background-color: #3281EA;
+  background-color: #1A73E8;
 }
 
 .screenshot-ui-screen-selector {
@@ -3680,11 +3676,11 @@ StWidget.focused .app-well-app-running-dot {
 
 .login-dialog StEntry,
 .unlock-dialog StEntry {
-  selection-background-color: #3281EA;
+  selection-background-color: #1A73E8;
   selected-color: white !important;
-  caret-color: rgba(255, 255, 255, 0.7);
-  color: rgba(255, 255, 255, 0.7);
-  background-color: rgba(255, 255, 255, 0.12);
+  caret-color: rgba(0, 0, 0, 0.6);
+  color: rgba(0, 0, 0, 0.6);
+  background-color: #FFFFFF;
   margin: 2px 6px 6px;
   border: 2px solid transparent;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 5px 8px rgba(0, 0, 0, 0.05);
@@ -3692,9 +3688,9 @@ StWidget.focused .app-well-app-running-dot {
 
 .login-dialog StEntry:focus,
 .unlock-dialog StEntry:focus {
-  color: white;
+  color: rgba(0, 0, 0, 0.87);
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.08);
-  border: 2px solid #3281EA;
+  border: 2px solid #1A73E8;
 }
 
 .login-dialog StEntry:insensitive,
@@ -3752,8 +3748,8 @@ StWidget.focused .app-well-app-running-dot {
 
 .login-dialog .modal-dialog-button:default,
 .unlock-dialog .modal-dialog-button:default {
-  color: rgba(255, 255, 255, 0.7);
-  background-color: #3281EA;
+  color: white;
+  background-color: #1A73E8;
   border-color: transparent;
   box-shadow: none;
   text-shadow: none;
@@ -4036,7 +4032,7 @@ StWidget.focused .app-well-app-running-dot {
 .unlock-dialog-notifications-container .unlock-dialog-notification-source {
   padding: 12px 6px;
   border: none;
-  background-color: rgba(25, 25, 25, 0.9);
+  background-color: rgba(52, 52, 52, 0.9);
   color: white;
   border-radius: 10px;
 }
@@ -4053,7 +4049,7 @@ StWidget.focused .app-well-app-running-dot {
 .unlock-dialog-notification-count-text {
   weight: bold;
   padding: 0 6px;
-  color: rgba(25, 25, 25, 0.9);
+  color: rgba(52, 52, 52, 0.9);
   background-color: rgba(255, 255, 255, 0.7);
   border-radius: 99px;
   margin-right: 12px;
@@ -4069,15 +4065,15 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
-  background-color: rgba(25, 25, 25, 0.2);
+  background-color: rgba(52, 52, 52, 0.2);
 }
 
 #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
-  background-color: rgba(25, 25, 25, 0.4);
+  background-color: rgba(52, 52, 52, 0.4);
 }
 
 #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
-  background-color: rgba(50, 129, 234, 0.5);
+  background-color: rgba(26, 115, 232, 0.5);
 }
 
 .bottom #dashtodockDashScrollview,
@@ -4102,7 +4098,7 @@ StWidget.focused .app-well-app-running-dot {
 
 #dashtodockContainer .notification-badge {
   color: white;
-  background-color: #3281EA;
+  background-color: #1A73E8;
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
   border-radius: 9999px;
   margin: 2px 3px 5px;
@@ -4266,7 +4262,7 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 #dashtodockContainer #dash StWidget.focused .app-well-app-running-dot {
-  background-color: #3281EA;
+  background-color: #1A73E8;
 }
 
 #dashtodockContainer.opaque #dash .dash-background {
@@ -4286,7 +4282,7 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 #dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
-  background-color: #3281EA;
+  background-color: #1A73E8;
 }
 
 #dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash {
@@ -4392,7 +4388,7 @@ StWidget.focused .app-well-app-running-dot {
 .openweather-provider {
   padding: 0 16px;
   font-weight: 500;
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
   background-color: transparent;
   border-color: transparent;
   box-shadow: none;
@@ -4401,8 +4397,8 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .openweather-provider:hover {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.08);
   border-color: transparent;
   box-shadow: none;
   text-shadow: none;
@@ -4410,7 +4406,7 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .openweather-provider:focus {
-  color: white;
+  color: rgba(0, 0, 0, 0.87);
   text-shadow: none;
   icon-shadow: none;
   box-shadow: none !important;
@@ -4418,8 +4414,8 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .openweather-provider:active {
-  color: white;
-  background-color: rgba(255, 255, 255, 0.3);
+  color: rgba(0, 0, 0, 0.87);
+  background-color: rgba(0, 0, 0, 0.26);
   border-color: transparent;
   box-shadow: none;
   text-shadow: none;
@@ -4428,31 +4424,31 @@ StWidget.focused .app-well-app-running-dot {
 
 .openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox {
   background: none;
-  color: white;
+  color: rgba(0, 0, 0, 0.87);
 }
 
 .openweather-current-databox-values {
   background: none;
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .openweather-current-databox-captions {
   background: none;
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .openweather-forecast-icon, .openweather-forecast-summary {
   background: none;
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
 }
 
 .openweather-forecast-day, .openweather-forecast-temperature {
   background: none;
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon {
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.6);
 }
 
 .popup-sub-menu .openweather-current-icon, .popup-sub-menu .openweather-current-summary, .popup-sub-menu .openweather-current-summarybox {
diff --git a/src/gnome-shell/shell-42-0/gnome-shell-Compact.scss b/src/gnome-shell/shell-42-0/gnome-shell-Compact.scss
index b27690a..8e5bfc0 100644
--- a/src/gnome-shell/shell-42-0/gnome-shell-Compact.scss
+++ b/src/gnome-shell/shell-42-0/gnome-shell-Compact.scss
@@ -1,4 +1,4 @@
-$variant: 'dark';
+$variant: 'light';
 $topbar: 'dark';
 $compact: 'true';