diff --git a/Releases/Catppuccin-Latte-Lavender.zip b/Releases/Catppuccin-Latte-Lavender.zip
new file mode 100644
index 00000000..d679faee
Binary files /dev/null and b/Releases/Catppuccin-Latte-Lavender.zip differ
diff --git a/Releases/Catppuccin-Mocha-Lavender.zip b/Releases/Catppuccin-Mocha-Lavender.zip
new file mode 100644
index 00000000..ad46b0f6
Binary files /dev/null and b/Releases/Catppuccin-Mocha-Lavender.zip differ
diff --git a/gtkrc.sh b/gtkrc.sh
index 432bbb9d..f6f9add9 100755
--- a/gtkrc.sh
+++ b/gtkrc.sh
@@ -16,7 +16,7 @@ make_gtkrc() {
   if [[ "${color}" != '-Dark' ]]; then
     case "$theme" in
       '')
-        theme_color='#8caaee'
+        theme_color='#b4befe'
         ;;
       -Purple)
         theme_color='#ca9ee6'
@@ -110,7 +110,7 @@ make_gtkrc() {
   else
     case "$theme" in
       '')
-        theme_color='#8caaee'
+        theme_color='#b4befe'
         ;;
       -Purple)
         theme_color='#ca9ee6'
diff --git a/src/main/cinnamon/cinnamon-Dark.css b/src/main/cinnamon/cinnamon-Dark.css
index d7ffb2a8..6f4320e5 100644
--- a/src/main/cinnamon/cinnamon-Dark.css
+++ b/src/main/cinnamon/cinnamon-Dark.css
@@ -88,7 +88,7 @@ stage {
 }
 
 .modal-dialog-button-box .modal-dialog-button:focus {
-  color: #8caaee;
+  color: #b4befe;
 }
 
 .modal-dialog-button-box .modal-dialog-button:active {
@@ -105,7 +105,7 @@ stage {
   padding: 3px 12px;
   min-height: 24px;
   caret-size: 1px;
-  selection-background-color: #8caaee;
+  selection-background-color: #b4befe;
   selected-color: rgba(17, 17, 27, 0.87);
   transition-duration: 300ms;
   border-radius: 6px;
@@ -117,7 +117,7 @@ stage {
 #menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover {
   color: #eff1f5;
   background-color: rgba(239, 241, 245, 0.04);
-  border: 2px solid #8caaee;
+  border: 2px solid #b4befe;
 }
 
 #menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive {
@@ -166,7 +166,7 @@ StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
 }
 
 StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 .separator {
@@ -182,7 +182,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   -slider-height: 4px;
   -slider-background-color: rgba(239, 241, 245, 0.12);
   -slider-border-color: transparent;
-  -slider-active-background-color: #8caaee;
+  -slider-active-background-color: #b4befe;
   -slider-active-border-color: transparent;
   -slider-border-width: 0;
   -slider-handle-radius: 4px;
@@ -257,12 +257,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .cinnamon-link {
-  color: #1e66f5;
+  color: #7287fd;
   text-decoration: underline;
 }
 
 .cinnamon-link:hover {
-  color: #4f87f7;
+  color: #a4b2fe;
 }
 
 #Tooltip {
@@ -472,8 +472,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 #panelRight:dnd {
   background-gradient-direction: vertical;
-  background-gradient-start: rgba(140, 170, 238, 0.35);
-  background-gradient-end: rgba(140, 170, 238, 0.35);
+  background-gradient-start: rgba(180, 190, 254, 0.35);
+  background-gradient-end: rgba(180, 190, 254, 0.35);
 }
 
 #panelRight:ltr {
@@ -580,9 +580,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .window-caption#selected {
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
-  border: 1px solid #8caaee;
+  border: 1px solid #b4befe;
   spacing: 25px;
 }
 
@@ -600,13 +600,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .expo-workspaces-name-entry:focus,
 .expo-workspaces-name-entry#selected:focus {
-  border: 1px solid #8caaee;
-  background-color: #8caaee;
+  border: 1px solid #b4befe;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
   font-style: italic;
   transition-duration: 300;
   selection-background-color: rgba(17, 17, 27, 0.87);
-  selected-color: #8caaee;
+  selected-color: #b4befe;
 }
 
 .expo-workspace-thumbnail-frame {
@@ -616,7 +616,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .expo-workspace-thumbnail-frame#active {
-  border: 4px solid #8caaee;
+  border: 4px solid #b4befe;
   background-color: black;
   border-radius: 6px;
 }
@@ -882,7 +882,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-today:hover {
   font-weight: bold;
   color: rgba(17, 17, 27, 0.87);
-  background-color: #8caaee;
+  background-color: #b4befe;
   border-width: 0;
 }
 
@@ -1139,13 +1139,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .switcher-list .item-box:outlined {
   padding: 8px;
-  border: 1px solid #8caaee;
+  border: 1px solid #b4befe;
 }
 
 .switcher-list .item-box:selected {
   color: rgba(17, 17, 27, 0.87);
-  background-color: #8caaee;
-  border: 0px solid #8caaee;
+  background-color: #b4befe;
+  border: 0px solid #b4befe;
 }
 
 .switcher-list .thumbnail {
@@ -1267,7 +1267,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border-radius: 6px;
   caret-color: #eff1f5;
   selected-color: rgba(17, 17, 27, 0.87);
-  selection-background-color: #8caaee;
+  selection-background-color: #b4befe;
   color: #eff1f5;
   background-color: rgba(239, 241, 245, 0.04);
   border: 2px solid transparent;
@@ -1276,7 +1276,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .run-dialog-entry:focus {
   color: #eff1f5;
   background-color: rgba(239, 241, 245, 0.04);
-  border: 2px solid #8caaee;
+  border: 2px solid #b4befe;
 }
 
 .run-dialog .modal-dialog-button-box {
@@ -1636,12 +1636,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   height: 4px;
   background-color: rgba(0, 0, 0, 0.35);
   border-radius: 6px;
-  color: #8caaee;
+  color: #b4befe;
 }
 
 .osd-window .level-bar {
   border-radius: 6px;
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 .window-list-box {
@@ -1755,7 +1755,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(239, 241, 245, 0.7);
   background-gradient-direction: none;
   background-image: radial-gradient(5px 5px 45deg, circle cover, rgba(239, 241, 245, 0.7) 0%, rgba(239, 241, 245, 0.7) 100%);
-  border-color: #8caaee;
+  border-color: #b4befe;
   background-color: rgba(239, 241, 245, 0.2);
 }
 
@@ -1856,7 +1856,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .grouped-window-list-badge {
   border-radius: 256px;
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 .grouped-window-list-item-box {
@@ -1895,7 +1895,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(239, 241, 245, 0.7);
   background-gradient-direction: none;
   background-color: rgba(239, 241, 245, 0.2);
-  border-color: #8caaee;
+  border-color: #b4befe;
 }
 
 .grouped-window-list-item-box:focus:hover {
@@ -2075,7 +2075,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   -slider-height: 0.5em;
   -slider-background-color: #14141f;
   -slider-border-color: rgba(0, 0, 0, 0);
-  -slider-active-background-color: #8caaee;
+  -slider-active-background-color: #b4befe;
   -slider-active-border-color: rgba(0, 0, 0, 0);
   -slider-border-width: 0px;
   -slider-handle-radius: 0px;
@@ -2102,11 +2102,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .workspace-button:outlined, .workspace-button:outlined:hover {
-  color: #8caaee;
+  color: #b4befe;
 }
 
 .workspace-button:hover {
-  color: #b8cbf5;
+  color: #e6eaff;
 }
 
 /* Controls the style when using the "Visual representation" option */
@@ -2122,7 +2122,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .workspace-graph .workspace:active {
-  border: 1px solid #8caaee;
+  border: 1px solid #b4befe;
   background-gradient-direction: none;
 }
 
@@ -2300,8 +2300,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .desklet-drag-placeholder {
-  border: 2px solid #8caaee;
-  background-color: rgba(140, 170, 238, 0.3);
+  border: 2px solid #b4befe;
+  background-color: rgba(180, 190, 254, 0.3);
 }
 
 .photoframe-box {
@@ -2327,8 +2327,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .tile-preview, .tile-preview.snap,
 .tile-hud, .tile-hud.snap {
-  background-color: rgba(140, 170, 238, 0.3);
-  border: 1px solid #8caaee;
+  background-color: rgba(180, 190, 254, 0.3);
+  border: 1px solid #b4befe;
 }
 
 .xkcd-box {
diff --git a/src/main/cinnamon/cinnamon-Light.css b/src/main/cinnamon/cinnamon-Light.css
index cab1d067..5a33d4f7 100644
--- a/src/main/cinnamon/cinnamon-Light.css
+++ b/src/main/cinnamon/cinnamon-Light.css
@@ -88,7 +88,7 @@ stage {
 }
 
 .modal-dialog-button-box .modal-dialog-button:focus {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 .modal-dialog-button-box .modal-dialog-button:active {
@@ -105,7 +105,7 @@ stage {
   padding: 3px 12px;
   min-height: 24px;
   caret-size: 1px;
-  selection-background-color: #1e66f5;
+  selection-background-color: #7287fd;
   selected-color: #eff1f5;
   transition-duration: 300ms;
   border-radius: 6px;
@@ -117,7 +117,7 @@ stage {
 #menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover {
   color: rgba(17, 17, 27, 0.87);
   background-color: rgba(17, 17, 27, 0.04);
-  border: 2px solid #1e66f5;
+  border: 2px solid #7287fd;
 }
 
 #menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive {
@@ -166,7 +166,7 @@ StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
 }
 
 StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .separator {
@@ -182,7 +182,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   -slider-height: 4px;
   -slider-background-color: rgba(17, 17, 27, 0.12);
   -slider-border-color: transparent;
-  -slider-active-background-color: #1e66f5;
+  -slider-active-background-color: #7287fd;
   -slider-active-border-color: transparent;
   -slider-border-width: 0;
   -slider-handle-radius: 4px;
@@ -257,12 +257,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .cinnamon-link {
-  color: #1e66f5;
+  color: #7287fd;
   text-decoration: underline;
 }
 
 .cinnamon-link:hover {
-  color: #4f87f7;
+  color: #a4b2fe;
 }
 
 #Tooltip {
@@ -471,8 +471,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 #panelRight:dnd {
   background-gradient-direction: vertical;
-  background-gradient-start: rgba(30, 102, 245, 0.35);
-  background-gradient-end: rgba(30, 102, 245, 0.35);
+  background-gradient-start: rgba(114, 135, 253, 0.35);
+  background-gradient-end: rgba(114, 135, 253, 0.35);
 }
 
 #panelRight:ltr {
@@ -579,9 +579,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .window-caption#selected {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
-  border: 1px solid #1e66f5;
+  border: 1px solid #7287fd;
   spacing: 25px;
 }
 
@@ -599,13 +599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .expo-workspaces-name-entry:focus,
 .expo-workspaces-name-entry#selected:focus {
-  border: 1px solid #1e66f5;
-  background-color: #1e66f5;
+  border: 1px solid #7287fd;
+  background-color: #7287fd;
   color: #eff1f5;
   font-style: italic;
   transition-duration: 300;
   selection-background-color: #eff1f5;
-  selected-color: #1e66f5;
+  selected-color: #7287fd;
 }
 
 .expo-workspace-thumbnail-frame {
@@ -615,7 +615,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .expo-workspace-thumbnail-frame#active {
-  border: 4px solid #1e66f5;
+  border: 4px solid #7287fd;
   background-color: black;
   border-radius: 6px;
 }
@@ -881,7 +881,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-today:hover {
   font-weight: bold;
   color: #eff1f5;
-  background-color: #1e66f5;
+  background-color: #7287fd;
   border-width: 0;
 }
 
@@ -1138,13 +1138,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .switcher-list .item-box:outlined {
   padding: 8px;
-  border: 1px solid #1e66f5;
+  border: 1px solid #7287fd;
 }
 
 .switcher-list .item-box:selected {
   color: #eff1f5;
-  background-color: #1e66f5;
-  border: 0px solid #1e66f5;
+  background-color: #7287fd;
+  border: 0px solid #7287fd;
 }
 
 .switcher-list .thumbnail {
@@ -1266,7 +1266,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border-radius: 6px;
   caret-color: #eff1f5;
   selected-color: #eff1f5;
-  selection-background-color: #1e66f5;
+  selection-background-color: #7287fd;
   color: #eff1f5;
   background-color: rgba(239, 241, 245, 0.04);
   border: 2px solid transparent;
@@ -1275,7 +1275,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .run-dialog-entry:focus {
   color: #eff1f5;
   background-color: rgba(239, 241, 245, 0.04);
-  border: 2px solid #1e66f5;
+  border: 2px solid #7287fd;
 }
 
 .run-dialog .modal-dialog-button-box {
@@ -1635,12 +1635,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   height: 4px;
   background-color: rgba(0, 0, 0, 0.35);
   border-radius: 6px;
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 .osd-window .level-bar {
   border-radius: 6px;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .window-list-box {
@@ -1754,7 +1754,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(17, 17, 27, 0.6);
   background-gradient-direction: none;
   background-image: radial-gradient(5px 5px 45deg, circle cover, rgba(17, 17, 27, 0.6) 0%, rgba(17, 17, 27, 0.6) 100%);
-  border-color: #1e66f5;
+  border-color: #7287fd;
   background-color: rgba(17, 17, 27, 0.2);
 }
 
@@ -1855,7 +1855,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .grouped-window-list-badge {
   border-radius: 256px;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .grouped-window-list-item-box {
@@ -1894,7 +1894,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(17, 17, 27, 0.6);
   background-gradient-direction: none;
   background-color: rgba(17, 17, 27, 0.2);
-  border-color: #1e66f5;
+  border-color: #7287fd;
 }
 
 .grouped-window-list-item-box:focus:hover {
@@ -2074,7 +2074,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   -slider-height: 0.5em;
   -slider-background-color: rgba(17, 17, 27, 0.12);
   -slider-border-color: rgba(0, 0, 0, 0);
-  -slider-active-background-color: #1e66f5;
+  -slider-active-background-color: #7287fd;
   -slider-active-border-color: rgba(0, 0, 0, 0);
   -slider-border-width: 0px;
   -slider-handle-radius: 0px;
@@ -2101,11 +2101,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .workspace-button:outlined, .workspace-button:outlined:hover {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 .workspace-button:hover {
-  color: #4f87f7;
+  color: #a4b2fe;
 }
 
 /* Controls the style when using the "Visual representation" option */
@@ -2121,7 +2121,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .workspace-graph .workspace:active {
-  border: 1px solid #1e66f5;
+  border: 1px solid #7287fd;
   background-gradient-direction: none;
 }
 
@@ -2299,8 +2299,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .desklet-drag-placeholder {
-  border: 2px solid #1e66f5;
-  background-color: rgba(30, 102, 245, 0.3);
+  border: 2px solid #7287fd;
+  background-color: rgba(114, 135, 253, 0.3);
 }
 
 .photoframe-box {
@@ -2326,8 +2326,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .tile-preview, .tile-preview.snap,
 .tile-hud, .tile-hud.snap {
-  background-color: rgba(30, 102, 245, 0.3);
-  border: 1px solid #1e66f5;
+  background-color: rgba(114, 135, 253, 0.3);
+  border: 1px solid #7287fd;
 }
 
 .xkcd-box {
diff --git a/src/main/cinnamon/cinnamon.css b/src/main/cinnamon/cinnamon.css
index 0145d1de..6c24b84f 100644
--- a/src/main/cinnamon/cinnamon.css
+++ b/src/main/cinnamon/cinnamon.css
@@ -88,7 +88,7 @@ stage {
 }
 
 .modal-dialog-button-box .modal-dialog-button:focus {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 .modal-dialog-button-box .modal-dialog-button:active {
@@ -105,7 +105,7 @@ stage {
   padding: 3px 12px;
   min-height: 24px;
   caret-size: 1px;
-  selection-background-color: #1e66f5;
+  selection-background-color: #7287fd;
   selected-color: #eff1f5;
   transition-duration: 300ms;
   border-radius: 6px;
@@ -117,7 +117,7 @@ stage {
 #menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover {
   color: rgba(17, 17, 27, 0.87);
   background-color: rgba(17, 17, 27, 0.04);
-  border: 2px solid #1e66f5;
+  border: 2px solid #7287fd;
 }
 
 #menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive {
@@ -166,7 +166,7 @@ StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
 }
 
 StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .separator {
@@ -182,7 +182,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   -slider-height: 4px;
   -slider-background-color: rgba(17, 17, 27, 0.12);
   -slider-border-color: transparent;
-  -slider-active-background-color: #1e66f5;
+  -slider-active-background-color: #7287fd;
   -slider-active-border-color: transparent;
   -slider-border-width: 0;
   -slider-handle-radius: 4px;
@@ -257,12 +257,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .cinnamon-link {
-  color: #1e66f5;
+  color: #7287fd;
   text-decoration: underline;
 }
 
 .cinnamon-link:hover {
-  color: #4f87f7;
+  color: #a4b2fe;
 }
 
 #Tooltip {
@@ -471,8 +471,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 #panelRight:dnd {
   background-gradient-direction: vertical;
-  background-gradient-start: rgba(30, 102, 245, 0.35);
-  background-gradient-end: rgba(30, 102, 245, 0.35);
+  background-gradient-start: rgba(114, 135, 253, 0.35);
+  background-gradient-end: rgba(114, 135, 253, 0.35);
 }
 
 #panelRight:ltr {
@@ -579,9 +579,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .window-caption#selected {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
-  border: 1px solid #1e66f5;
+  border: 1px solid #7287fd;
   spacing: 25px;
 }
 
@@ -599,13 +599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .expo-workspaces-name-entry:focus,
 .expo-workspaces-name-entry#selected:focus {
-  border: 1px solid #1e66f5;
-  background-color: #1e66f5;
+  border: 1px solid #7287fd;
+  background-color: #7287fd;
   color: #eff1f5;
   font-style: italic;
   transition-duration: 300;
   selection-background-color: #eff1f5;
-  selected-color: #1e66f5;
+  selected-color: #7287fd;
 }
 
 .expo-workspace-thumbnail-frame {
@@ -615,7 +615,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .expo-workspace-thumbnail-frame#active {
-  border: 4px solid #1e66f5;
+  border: 4px solid #7287fd;
   background-color: black;
   border-radius: 6px;
 }
@@ -881,7 +881,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-today:hover {
   font-weight: bold;
   color: #eff1f5;
-  background-color: #1e66f5;
+  background-color: #7287fd;
   border-width: 0;
 }
 
@@ -1138,13 +1138,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .switcher-list .item-box:outlined {
   padding: 8px;
-  border: 1px solid #1e66f5;
+  border: 1px solid #7287fd;
 }
 
 .switcher-list .item-box:selected {
   color: #eff1f5;
-  background-color: #1e66f5;
-  border: 0px solid #1e66f5;
+  background-color: #7287fd;
+  border: 0px solid #7287fd;
 }
 
 .switcher-list .thumbnail {
@@ -1266,7 +1266,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border-radius: 6px;
   caret-color: #eff1f5;
   selected-color: #eff1f5;
-  selection-background-color: #1e66f5;
+  selection-background-color: #7287fd;
   color: #eff1f5;
   background-color: rgba(239, 241, 245, 0.04);
   border: 2px solid transparent;
@@ -1275,7 +1275,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .run-dialog-entry:focus {
   color: #eff1f5;
   background-color: rgba(239, 241, 245, 0.04);
-  border: 2px solid #1e66f5;
+  border: 2px solid #7287fd;
 }
 
 .run-dialog .modal-dialog-button-box {
@@ -1635,12 +1635,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   height: 4px;
   background-color: rgba(0, 0, 0, 0.35);
   border-radius: 6px;
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 .osd-window .level-bar {
   border-radius: 6px;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .window-list-box {
@@ -1754,7 +1754,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(239, 241, 245, 0.7);
   background-gradient-direction: none;
   background-image: radial-gradient(5px 5px 45deg, circle cover, rgba(239, 241, 245, 0.7) 0%, rgba(239, 241, 245, 0.7) 100%);
-  border-color: #1e66f5;
+  border-color: #7287fd;
   background-color: rgba(239, 241, 245, 0.2);
 }
 
@@ -1855,7 +1855,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .grouped-window-list-badge {
   border-radius: 256px;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .grouped-window-list-item-box {
@@ -1894,7 +1894,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(239, 241, 245, 0.7);
   background-gradient-direction: none;
   background-color: rgba(239, 241, 245, 0.2);
-  border-color: #1e66f5;
+  border-color: #7287fd;
 }
 
 .grouped-window-list-item-box:focus:hover {
@@ -2074,7 +2074,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   -slider-height: 0.5em;
   -slider-background-color: rgba(17, 17, 27, 0.12);
   -slider-border-color: rgba(0, 0, 0, 0);
-  -slider-active-background-color: #1e66f5;
+  -slider-active-background-color: #7287fd;
   -slider-active-border-color: rgba(0, 0, 0, 0);
   -slider-border-width: 0px;
   -slider-handle-radius: 0px;
@@ -2101,11 +2101,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .workspace-button:outlined, .workspace-button:outlined:hover {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 .workspace-button:hover {
-  color: #4f87f7;
+  color: #a4b2fe;
 }
 
 /* Controls the style when using the "Visual representation" option */
@@ -2121,7 +2121,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .workspace-graph .workspace:active {
-  border: 1px solid #1e66f5;
+  border: 1px solid #7287fd;
   background-gradient-direction: none;
 }
 
@@ -2299,8 +2299,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .desklet-drag-placeholder {
-  border: 2px solid #1e66f5;
-  background-color: rgba(30, 102, 245, 0.3);
+  border: 2px solid #7287fd;
+  background-color: rgba(114, 135, 253, 0.3);
 }
 
 .photoframe-box {
@@ -2326,8 +2326,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .tile-preview, .tile-preview.snap,
 .tile-hud, .tile-hud.snap {
-  background-color: rgba(30, 102, 245, 0.3);
-  border: 1px solid #1e66f5;
+  background-color: rgba(114, 135, 253, 0.3);
+  border: 1px solid #7287fd;
 }
 
 .xkcd-box {
diff --git a/src/main/gnome-shell/gnome-shell-Dark.css b/src/main/gnome-shell/gnome-shell-Dark.css
index 4212358e..bb3b86af 100644
--- a/src/main/gnome-shell/gnome-shell-Dark.css
+++ b/src/main/gnome-shell/gnome-shell-Dark.css
@@ -27,19 +27,19 @@ stage {
   height: 48px;
   border-radius: 24px;
   background-color: rgba(255, 255, 255, 0.3);
-  box-shadow: 0 0 2px 2px #e5ecfb;
+  box-shadow: 0 0 2px 2px white;
 }
 
 .pie-timer {
   width: 60px;
   height: 60px;
   -pie-border-width: 3px;
-  -pie-border-color: #8caaee;
+  -pie-border-color: #b4befe;
   -pie-background-color: rgba(255, 255, 255, 0.3);
 }
 
 .magnifier-zoom-region {
-  border: 2px solid #8caaee;
+  border: 2px solid #b4befe;
 }
 
 .magnifier-zoom-region.full-screen {
@@ -154,7 +154,7 @@ stage {
 }
 
 .app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active {
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
 }
 
@@ -187,7 +187,7 @@ stage {
 
 StWidget.focused .app-well-app-running-dot {
   width: 24px;
-  background-color: #8caaee !important;
+  background-color: #b4befe !important;
 }
 
 .app-menu,
@@ -213,17 +213,17 @@ StWidget.focused .app-well-app-running-dot {
 
 .shell-link {
   border-radius: 6px;
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 .shell-link:hover {
-  color: #1e66f5;
-  background-color: rgba(30, 102, 245, 0.15);
+  color: #7287fd;
+  background-color: rgba(114, 135, 253, 0.15);
 }
 
 .shell-link:active {
-  color: #1e66f5;
-  background-color: rgba(30, 102, 245, 0.25);
+  color: #7287fd;
+  background-color: rgba(114, 135, 253, 0.25);
 }
 
 .lowres-icon {
@@ -518,17 +518,17 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .calendar .calendar-today:active {
-  background-color: #769aeb;
+  background-color: #9ba8fe;
   color: rgba(17, 17, 27, 0.87) !important;
 }
 
 .calendar .calendar-today:selected {
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87) !important;
 }
 
 .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
-  background-color: #b0c4f3;
+  background-color: #dce1ff;
   color: rgba(17, 17, 27, 0.87) !important;
 }
 
@@ -694,8 +694,8 @@ StWidget.focused .app-well-app-running-dot {
 
 /* Activities Ripple */
 .ripple-box {
-  background-color: rgba(140, 170, 238, 0.35);
-  box-shadow: 0 0 2px 2px #e5ecfb;
+  background-color: rgba(180, 190, 254, 0.35);
+  box-shadow: 0 0 2px 2px white;
   width: 52px;
   height: 52px;
   border-radius: 0 0 52px 0;
@@ -737,22 +737,22 @@ StWidget.focused .app-well-app-running-dot {
 
 .modal-dialog-linked-button:last-child {
   color: rgba(17, 17, 27, 0.87);
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 .modal-dialog-linked-button:hover:last-child {
   color: rgba(17, 17, 27, 0.87);
-  background-color: #b4c8f4;
+  background-color: #e1e5ff;
 }
 
 .modal-dialog-linked-button:active:last-child {
   color: rgba(17, 17, 27, 0.87);
-  background-color: #769aeb;
+  background-color: #9ba8fe;
 }
 
 .modal-dialog-linked-button:insensitive:last-child {
-  background-color: rgba(140, 170, 238, 0.05);
-  color: rgba(140, 170, 238, 0.35);
+  background-color: rgba(180, 190, 254, 0.05);
+  color: rgba(180, 190, 254, 0.35);
 }
 
 .headline {
@@ -950,7 +950,7 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .audio-selection-device:active {
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
 }
 
@@ -979,7 +979,7 @@ StEntry, .popup-menu .search-entry {
   border-radius: 6px;
   color: #eff1f5;
   caret-color: #eff1f5;
-  selection-background-color: #8caaee;
+  selection-background-color: #b4befe;
   selected-color: rgba(17, 17, 27, 0.87);
   color: #eff1f5;
   background-color: rgba(239, 241, 245, 0.04);
@@ -995,7 +995,7 @@ StEntry:hover, .popup-menu .search-entry:hover {
 
 StEntry:focus, .popup-menu .search-entry:focus {
   color: #eff1f5;
-  border-color: #8caaee;
+  border-color: #b4befe;
   background-color: rgba(239, 241, 245, 0.04);
   box-shadow: none;
 }
@@ -1093,7 +1093,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 .candidate-box:selected {
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
 }
 
@@ -1192,21 +1192,21 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 .keyboard-key.enter-key {
   color: rgba(17, 17, 27, 0.87);
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 .keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover {
   color: rgba(17, 17, 27, 0.87);
-  background-color: #a2baf1;
+  background-color: #cdd4fe;
 }
 
 .keyboard-key.enter-key:checked, .keyboard-key.enter-key:active {
   color: rgba(17, 17, 27, 0.87);
-  background-color: #6089e7;
+  background-color: #8292fd;
 }
 
 .keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active {
-  color: #8caaee;
+  color: #b4befe;
 }
 
 .keyboard-key StIcon {
@@ -1233,7 +1233,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 .emoji-panel .keyboard-key:latched {
   border: none;
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 .word-suggestions {
@@ -1260,7 +1260,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 .login-dialog StEntry,
 .unlock-dialog StEntry {
-  selection-background-color: #8caaee;
+  selection-background-color: #b4befe;
   selected-color: rgba(17, 17, 27, 0.87);
   padding: 4px 8px;
   min-height: 26px;
@@ -1277,7 +1277,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 .unlock-dialog StEntry:focus {
   border: none;
   background-color: rgba(239, 241, 245, 0.04);
-  box-shadow: inset 0 -2px #8caaee;
+  box-shadow: inset 0 -2px #b4befe;
   color: rgba(17, 17, 27, 0.87);
 }
 
@@ -1454,7 +1454,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
-  border-right: 2px solid #8caaee;
+  border-right: 2px solid #b4befe;
 }
 
 .login-dialog-user-list-item {
@@ -1580,7 +1580,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 #LookingGlassDialog .notebook-tab:selected {
   border-color: transparent;
   background-color: rgba(239, 241, 245, 0.12);
-  box-shadow: inset 0 -2px 0px #8caaee;
+  box-shadow: inset 0 -2px 0px #b4befe;
   color: #eff1f5;
   text-shadow: none;
 }
@@ -1596,20 +1596,20 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 .lg-dialog StEntry {
   min-height: 22px;
-  selection-background-color: #8caaee;
+  selection-background-color: #b4befe;
   selected-color: rgba(17, 17, 27, 0.87);
 }
 
 .lg-dialog .shell-link {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 .lg-dialog .shell-link:hover {
-  color: #4f87f7;
+  color: #a4b2fe;
 }
 
 .lg-dialog .shell-link:active {
-  color: #0a4ed6;
+  color: #405cfc;
 }
 
 .lg-dialog .actor-link {
@@ -1801,7 +1801,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 .url-highlighter {
-  link-color: #1e66f5;
+  link-color: #7287fd;
 }
 
 .message-media-control {
@@ -1845,8 +1845,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 .select-area-rubberband {
-  background-color: rgba(140, 170, 238, 0.3);
-  border: 1px solid #8caaee;
+  background-color: rgba(180, 190, 254, 0.3);
+  border: 1px solid #b4befe;
   border-radius: 6px;
 }
 
@@ -1876,7 +1876,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 .user-icon.user-avatar {
-  border: 2px solid #8caaee;
+  border: 2px solid #b4befe;
 }
 
 .user-widget.vertical .user-icon {
@@ -1966,7 +1966,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 .nm-dialog-item:selected {
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
 }
 
@@ -2072,7 +2072,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
   width: 1.6em;
   -shell-counter-overlap-x: 3px;
   -shell-counter-overlap-y: 3px;
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
   border: 2px solid rgba(239, 241, 245, 0.3);
   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
@@ -2152,7 +2152,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
   color: #eff1f5;
   -barlevel-height: 2px;
   -barlevel-background-color: rgba(239, 241, 245, 0.12);
-  -barlevel-active-background-color: #8caaee;
+  -barlevel-active-background-color: #b4befe;
   -barlevel-overdrive-color: #e78284;
   -barlevel-overdrive-separator-width: 2px;
   -barlevel-border-width: 0;
@@ -2555,7 +2555,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
   weight: bold;
   padding: 0 6px;
   color: rgba(17, 17, 27, 0.87);
-  background-color: #8caaee;
+  background-color: #b4befe;
   border-radius: 9999px;
   margin-right: 12px;
 }
@@ -2574,7 +2574,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
-  background-color: rgba(140, 170, 238, 0.5);
+  background-color: rgba(180, 190, 254, 0.5);
 }
 
 /* Scrollbars */
@@ -2639,7 +2639,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .search-entry:focus {
   color: #eff1f5;
-  border-color: #8caaee;
+  border-color: #b4befe;
   background-color: #1e1e2e;
   box-shadow: none;
 }
@@ -2748,17 +2748,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: #1e1e2e;
   -slider-height: 2px;
   -slider-background-color: rgba(239, 241, 245, 0.3);
-  -slider-border-color: #8caaee;
-  -slider-active-background-color: #8caaee;
-  -slider-active-border-color: #8caaee;
+  -slider-border-color: #b4befe;
+  -slider-active-background-color: #b4befe;
+  -slider-active-border-color: #b4befe;
   -slider-border-width: 2px;
   -slider-handle-radius: 7px;
   -slider-handle-border-width: 2px;
-  -slider-handle-border-color: #8caaee;
+  -slider-handle-border-color: #b4befe;
   -barlevel-height: 2px;
   -barlevel-background-color: rgba(239, 241, 245, 0.3);
   -barlevel-border-color: transparent;
-  -barlevel-active-background-color: #8caaee;
+  -barlevel-active-background-color: #b4befe;
   -barlevel-active-border-color: transparent;
   -barlevel-overdrive-color: #e78284;
   -barlevel-overdrive-border-color: transparent;
@@ -2784,7 +2784,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .switcher-list .item-box:selected {
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
 }
 
@@ -2822,7 +2822,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .cycler-highlight {
-  border: 5px solid #8caaee;
+  border: 5px solid #b4befe;
 }
 
 /* Switches */
@@ -2842,8 +2842,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 /* Tiled window previews */
 .tile-preview {
-  background-color: rgba(140, 170, 238, 0.3);
-  border: 1px solid #8caaee;
+  background-color: rgba(180, 190, 254, 0.3);
+  border: 1px solid #b4befe;
 }
 
 .tile-preview-left.on-primary {
@@ -2884,7 +2884,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .ws-switcher-active-left,
 .ws-switcher-active-right {
   height: 52px;
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
   border-radius: 9px;
   border: none;
@@ -3143,7 +3143,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .workspace-thumbnail-indicator {
-  border: 3px solid #8caaee;
+  border: 3px solid #b4befe;
   border-radius: 3px;
   padding: 0px;
 }
@@ -3170,7 +3170,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 #dashtodockContainer .notification-badge {
   color: rgba(17, 17, 27, 0.87);
-  background-color: #8caaee;
+  background-color: #b4befe;
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
   border-radius: 9999px;
   margin: 2px;
@@ -3238,7 +3238,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer StWidget.focused .app-well-app-running-dot {
-  background-color: #8caaee !important;
+  background-color: #b4befe !important;
 }
 
 #dashtodockContainer:overview #dash .app-well-app-running-dot {
@@ -3246,7 +3246,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
-  background-color: #8caaee !important;
+  background-color: #b4befe !important;
 }
 
 #dashtodockContainer .show-apps .overview-icon,
@@ -3284,7 +3284,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer StWidget.focused .app-well-app-running-dot {
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 #dashtodockContainer.opaque #dash .dash-background {
diff --git a/src/main/gnome-shell/gnome-shell-Light.css b/src/main/gnome-shell/gnome-shell-Light.css
index afa7adff..861a6ea4 100644
--- a/src/main/gnome-shell/gnome-shell-Light.css
+++ b/src/main/gnome-shell/gnome-shell-Light.css
@@ -26,20 +26,20 @@ stage {
   width: 48px;
   height: 48px;
   border-radius: 24px;
-  background-color: rgba(176, 202, 252, 0.3);
-  box-shadow: 0 0 2px 2px #80a8f9;
+  background-color: rgba(255, 255, 255, 0.3);
+  box-shadow: 0 0 2px 2px #d7ddfe;
 }
 
 .pie-timer {
   width: 60px;
   height: 60px;
   -pie-border-width: 3px;
-  -pie-border-color: #1e66f5;
-  -pie-background-color: rgba(225, 235, 254, 0.3);
+  -pie-border-color: #7287fd;
+  -pie-background-color: rgba(255, 255, 255, 0.3);
 }
 
 .magnifier-zoom-region {
-  border: 2px solid #1e66f5;
+  border: 2px solid #7287fd;
 }
 
 .magnifier-zoom-region.full-screen {
@@ -154,7 +154,7 @@ stage {
 }
 
 .app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -187,7 +187,7 @@ stage {
 
 StWidget.focused .app-well-app-running-dot {
   width: 24px;
-  background-color: #1e66f5 !important;
+  background-color: #7287fd !important;
 }
 
 .app-menu,
@@ -213,17 +213,17 @@ StWidget.focused .app-well-app-running-dot {
 
 .shell-link {
   border-radius: 6px;
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 .shell-link:hover {
-  color: #1e66f5;
-  background-color: rgba(30, 102, 245, 0.15);
+  color: #7287fd;
+  background-color: rgba(114, 135, 253, 0.15);
 }
 
 .shell-link:active {
-  color: #1e66f5;
-  background-color: rgba(30, 102, 245, 0.25);
+  color: #7287fd;
+  background-color: rgba(114, 135, 253, 0.25);
 }
 
 .lowres-icon {
@@ -518,17 +518,17 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .calendar .calendar-today:active {
-  background-color: #0b57ef;
+  background-color: #5972fd;
   color: #eff1f5 !important;
 }
 
 .calendar .calendar-today:selected {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5 !important;
 }
 
 .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
-  background-color: #4581f7;
+  background-color: #9aa9fe;
   color: #eff1f5 !important;
 }
 
@@ -694,8 +694,8 @@ StWidget.focused .app-well-app-running-dot {
 
 /* Activities Ripple */
 .ripple-box {
-  background-color: rgba(30, 102, 245, 0.35);
-  box-shadow: 0 0 2px 2px #80a8f9;
+  background-color: rgba(114, 135, 253, 0.35);
+  box-shadow: 0 0 2px 2px #d7ddfe;
   width: 52px;
   height: 52px;
   border-radius: 0 0 52px 0;
@@ -737,22 +737,22 @@ StWidget.focused .app-well-app-running-dot {
 
 .modal-dialog-linked-button:last-child {
   color: #eff1f5;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .modal-dialog-linked-button:hover:last-child {
   color: #eff1f5;
-  background-color: #4a84f7;
+  background-color: #9faefe;
 }
 
 .modal-dialog-linked-button:active:last-child {
   color: #eff1f5;
-  background-color: #0b57ef;
+  background-color: #5972fd;
 }
 
 .modal-dialog-linked-button:insensitive:last-child {
-  background-color: rgba(30, 102, 245, 0.05);
-  color: rgba(30, 102, 245, 0.35);
+  background-color: rgba(114, 135, 253, 0.05);
+  color: rgba(114, 135, 253, 0.35);
 }
 
 .headline {
@@ -950,7 +950,7 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .audio-selection-device:active {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -979,7 +979,7 @@ StEntry, .popup-menu .search-entry {
   border-radius: 6px;
   color: rgba(17, 17, 27, 0.87);
   caret-color: rgba(17, 17, 27, 0.87);
-  selection-background-color: #1e66f5;
+  selection-background-color: #7287fd;
   selected-color: #eff1f5;
   color: rgba(17, 17, 27, 0.87);
   background-color: rgba(17, 17, 27, 0.04);
@@ -995,7 +995,7 @@ StEntry:hover, .popup-menu .search-entry:hover {
 
 StEntry:focus, .popup-menu .search-entry:focus {
   color: rgba(17, 17, 27, 0.87);
-  border-color: #1e66f5;
+  border-color: #7287fd;
   background-color: rgba(17, 17, 27, 0.04);
   box-shadow: none;
 }
@@ -1093,7 +1093,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 .candidate-box:selected {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -1192,21 +1192,21 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 .keyboard-key.enter-key {
   color: #eff1f5;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover {
   color: #eff1f5;
-  background-color: #3677f6;
+  background-color: #8b9cfd;
 }
 
 .keyboard-key.enter-key:checked, .keyboard-key.enter-key:active {
   color: #eff1f5;
-  background-color: #0a4ed6;
+  background-color: #405cfc;
 }
 
 .keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 .keyboard-key StIcon {
@@ -1233,7 +1233,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 .emoji-panel .keyboard-key:latched {
   border: none;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .word-suggestions {
@@ -1260,7 +1260,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 .login-dialog StEntry,
 .unlock-dialog StEntry {
-  selection-background-color: #1e66f5;
+  selection-background-color: #7287fd;
   selected-color: #eff1f5;
   padding: 4px 8px;
   min-height: 26px;
@@ -1277,7 +1277,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 .unlock-dialog StEntry:focus {
   border: none;
   background-color: rgba(17, 17, 27, 0.04);
-  box-shadow: inset 0 -2px #1e66f5;
+  box-shadow: inset 0 -2px #7287fd;
   color: #eff1f5;
 }
 
@@ -1454,7 +1454,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
-  border-right: 2px solid #1e66f5;
+  border-right: 2px solid #7287fd;
 }
 
 .login-dialog-user-list-item {
@@ -1580,7 +1580,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 #LookingGlassDialog .notebook-tab:selected {
   border-color: transparent;
   background-color: rgba(17, 17, 27, 0.12);
-  box-shadow: inset 0 -2px 0px #1e66f5;
+  box-shadow: inset 0 -2px 0px #7287fd;
   color: rgba(17, 17, 27, 0.87);
   text-shadow: none;
 }
@@ -1596,20 +1596,20 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 .lg-dialog StEntry {
   min-height: 22px;
-  selection-background-color: #1e66f5;
+  selection-background-color: #7287fd;
   selected-color: #eff1f5;
 }
 
 .lg-dialog .shell-link {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 .lg-dialog .shell-link:hover {
-  color: #4f87f7;
+  color: #a4b2fe;
 }
 
 .lg-dialog .shell-link:active {
-  color: #0a4ed6;
+  color: #405cfc;
 }
 
 .lg-dialog .actor-link {
@@ -1801,7 +1801,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 .url-highlighter {
-  link-color: #1e66f5;
+  link-color: #7287fd;
 }
 
 .message-media-control {
@@ -1845,8 +1845,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 .select-area-rubberband {
-  background-color: rgba(30, 102, 245, 0.3);
-  border: 1px solid #1e66f5;
+  background-color: rgba(114, 135, 253, 0.3);
+  border: 1px solid #7287fd;
   border-radius: 6px;
 }
 
@@ -1876,7 +1876,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 .user-icon.user-avatar {
-  border: 2px solid #1e66f5;
+  border: 2px solid #7287fd;
 }
 
 .user-widget.vertical .user-icon {
@@ -1966,7 +1966,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 .nm-dialog-item:selected {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -2072,7 +2072,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
   width: 1.6em;
   -shell-counter-overlap-x: 3px;
   -shell-counter-overlap-y: 3px;
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
   border: 2px solid rgba(17, 17, 27, 0.26);
   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
@@ -2152,7 +2152,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
   color: rgba(17, 17, 27, 0.87);
   -barlevel-height: 2px;
   -barlevel-background-color: rgba(17, 17, 27, 0.12);
-  -barlevel-active-background-color: #1e66f5;
+  -barlevel-active-background-color: #7287fd;
   -barlevel-overdrive-color: #d20f39;
   -barlevel-overdrive-separator-width: 2px;
   -barlevel-border-width: 0;
@@ -2555,7 +2555,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
   weight: bold;
   padding: 0 6px;
   color: #eff1f5;
-  background-color: #1e66f5;
+  background-color: #7287fd;
   border-radius: 9999px;
   margin-right: 12px;
 }
@@ -2574,7 +2574,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
-  background-color: rgba(30, 102, 245, 0.5);
+  background-color: rgba(114, 135, 253, 0.5);
 }
 
 /* Scrollbars */
@@ -2639,7 +2639,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .search-entry:focus {
   color: rgba(17, 17, 27, 0.87);
-  border-color: #1e66f5;
+  border-color: #7287fd;
   background-color: #eff1f5;
   box-shadow: none;
 }
@@ -2748,17 +2748,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: #eff1f5;
   -slider-height: 2px;
   -slider-background-color: rgba(17, 17, 27, 0.26);
-  -slider-border-color: #1e66f5;
-  -slider-active-background-color: #1e66f5;
-  -slider-active-border-color: #1e66f5;
+  -slider-border-color: #7287fd;
+  -slider-active-background-color: #7287fd;
+  -slider-active-border-color: #7287fd;
   -slider-border-width: 2px;
   -slider-handle-radius: 7px;
   -slider-handle-border-width: 2px;
-  -slider-handle-border-color: #1e66f5;
+  -slider-handle-border-color: #7287fd;
   -barlevel-height: 2px;
   -barlevel-background-color: rgba(17, 17, 27, 0.26);
   -barlevel-border-color: transparent;
-  -barlevel-active-background-color: #1e66f5;
+  -barlevel-active-background-color: #7287fd;
   -barlevel-active-border-color: transparent;
   -barlevel-overdrive-color: #d20f39;
   -barlevel-overdrive-border-color: transparent;
@@ -2784,7 +2784,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .switcher-list .item-box:selected {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -2822,7 +2822,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .cycler-highlight {
-  border: 5px solid #1e66f5;
+  border: 5px solid #7287fd;
 }
 
 /* Switches */
@@ -2842,8 +2842,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 /* Tiled window previews */
 .tile-preview {
-  background-color: rgba(30, 102, 245, 0.3);
-  border: 1px solid #1e66f5;
+  background-color: rgba(114, 135, 253, 0.3);
+  border: 1px solid #7287fd;
 }
 
 .tile-preview-left.on-primary {
@@ -2884,7 +2884,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .ws-switcher-active-left,
 .ws-switcher-active-right {
   height: 52px;
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
   border-radius: 9px;
   border: none;
@@ -3143,7 +3143,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .workspace-thumbnail-indicator {
-  border: 3px solid #1e66f5;
+  border: 3px solid #7287fd;
   border-radius: 3px;
   padding: 0px;
 }
@@ -3170,7 +3170,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 #dashtodockContainer .notification-badge {
   color: #eff1f5;
-  background-color: #1e66f5;
+  background-color: #7287fd;
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
   border-radius: 9999px;
   margin: 2px;
@@ -3238,7 +3238,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer StWidget.focused .app-well-app-running-dot {
-  background-color: #1e66f5 !important;
+  background-color: #7287fd !important;
 }
 
 #dashtodockContainer:overview #dash .app-well-app-running-dot {
@@ -3246,7 +3246,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
-  background-color: #1e66f5 !important;
+  background-color: #7287fd !important;
 }
 
 #dashtodockContainer .show-apps .overview-icon,
@@ -3284,7 +3284,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer StWidget.focused .app-well-app-running-dot {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 #dashtodockContainer.opaque #dash .dash-background {
diff --git a/src/main/gnome-shell/gnome-shell.css b/src/main/gnome-shell/gnome-shell.css
index 07ef8add..20e0602a 100644
--- a/src/main/gnome-shell/gnome-shell.css
+++ b/src/main/gnome-shell/gnome-shell.css
@@ -26,20 +26,20 @@ stage {
   width: 48px;
   height: 48px;
   border-radius: 24px;
-  background-color: rgba(176, 202, 252, 0.3);
-  box-shadow: 0 0 2px 2px #80a8f9;
+  background-color: rgba(255, 255, 255, 0.3);
+  box-shadow: 0 0 2px 2px #d7ddfe;
 }
 
 .pie-timer {
   width: 60px;
   height: 60px;
   -pie-border-width: 3px;
-  -pie-border-color: #1e66f5;
-  -pie-background-color: rgba(225, 235, 254, 0.3);
+  -pie-border-color: #7287fd;
+  -pie-background-color: rgba(255, 255, 255, 0.3);
 }
 
 .magnifier-zoom-region {
-  border: 2px solid #1e66f5;
+  border: 2px solid #7287fd;
 }
 
 .magnifier-zoom-region.full-screen {
@@ -154,7 +154,7 @@ stage {
 }
 
 .app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -187,7 +187,7 @@ stage {
 
 StWidget.focused .app-well-app-running-dot {
   width: 24px;
-  background-color: #1e66f5 !important;
+  background-color: #7287fd !important;
 }
 
 .app-menu,
@@ -213,17 +213,17 @@ StWidget.focused .app-well-app-running-dot {
 
 .shell-link {
   border-radius: 6px;
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 .shell-link:hover {
-  color: #1e66f5;
-  background-color: rgba(30, 102, 245, 0.15);
+  color: #7287fd;
+  background-color: rgba(114, 135, 253, 0.15);
 }
 
 .shell-link:active {
-  color: #1e66f5;
-  background-color: rgba(30, 102, 245, 0.25);
+  color: #7287fd;
+  background-color: rgba(114, 135, 253, 0.25);
 }
 
 .lowres-icon {
@@ -518,17 +518,17 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .calendar .calendar-today:active {
-  background-color: #0b57ef;
+  background-color: #5972fd;
   color: #eff1f5 !important;
 }
 
 .calendar .calendar-today:selected {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5 !important;
 }
 
 .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
-  background-color: #4581f7;
+  background-color: #9aa9fe;
   color: #eff1f5 !important;
 }
 
@@ -694,8 +694,8 @@ StWidget.focused .app-well-app-running-dot {
 
 /* Activities Ripple */
 .ripple-box {
-  background-color: rgba(30, 102, 245, 0.35);
-  box-shadow: 0 0 2px 2px #80a8f9;
+  background-color: rgba(114, 135, 253, 0.35);
+  box-shadow: 0 0 2px 2px #d7ddfe;
   width: 52px;
   height: 52px;
   border-radius: 0 0 52px 0;
@@ -737,22 +737,22 @@ StWidget.focused .app-well-app-running-dot {
 
 .modal-dialog-linked-button:last-child {
   color: #eff1f5;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .modal-dialog-linked-button:hover:last-child {
   color: #eff1f5;
-  background-color: #4a84f7;
+  background-color: #9faefe;
 }
 
 .modal-dialog-linked-button:active:last-child {
   color: #eff1f5;
-  background-color: #0b57ef;
+  background-color: #5972fd;
 }
 
 .modal-dialog-linked-button:insensitive:last-child {
-  background-color: rgba(30, 102, 245, 0.05);
-  color: rgba(30, 102, 245, 0.35);
+  background-color: rgba(114, 135, 253, 0.05);
+  color: rgba(114, 135, 253, 0.35);
 }
 
 .headline {
@@ -950,7 +950,7 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .audio-selection-device:active {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -979,7 +979,7 @@ StEntry, .popup-menu .search-entry {
   border-radius: 6px;
   color: rgba(17, 17, 27, 0.87);
   caret-color: rgba(17, 17, 27, 0.87);
-  selection-background-color: #1e66f5;
+  selection-background-color: #7287fd;
   selected-color: #eff1f5;
   color: rgba(17, 17, 27, 0.87);
   background-color: rgba(17, 17, 27, 0.04);
@@ -995,7 +995,7 @@ StEntry:hover, .popup-menu .search-entry:hover {
 
 StEntry:focus, .popup-menu .search-entry:focus {
   color: rgba(17, 17, 27, 0.87);
-  border-color: #1e66f5;
+  border-color: #7287fd;
   background-color: rgba(17, 17, 27, 0.04);
   box-shadow: none;
 }
@@ -1093,7 +1093,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 .candidate-box:selected {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -1192,21 +1192,21 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 .keyboard-key.enter-key {
   color: #eff1f5;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover {
   color: #eff1f5;
-  background-color: #3677f6;
+  background-color: #8b9cfd;
 }
 
 .keyboard-key.enter-key:checked, .keyboard-key.enter-key:active {
   color: #eff1f5;
-  background-color: #0a4ed6;
+  background-color: #405cfc;
 }
 
 .keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 .keyboard-key StIcon {
@@ -1233,7 +1233,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 .emoji-panel .keyboard-key:latched {
   border: none;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .word-suggestions {
@@ -1260,7 +1260,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 .login-dialog StEntry,
 .unlock-dialog StEntry {
-  selection-background-color: #1e66f5;
+  selection-background-color: #7287fd;
   selected-color: #eff1f5;
   padding: 4px 8px;
   min-height: 26px;
@@ -1277,7 +1277,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 .unlock-dialog StEntry:focus {
   border: none;
   background-color: rgba(17, 17, 27, 0.04);
-  box-shadow: inset 0 -2px #1e66f5;
+  box-shadow: inset 0 -2px #7287fd;
   color: #eff1f5;
 }
 
@@ -1454,7 +1454,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
-  border-right: 2px solid #1e66f5;
+  border-right: 2px solid #7287fd;
 }
 
 .login-dialog-user-list-item {
@@ -1580,7 +1580,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 #LookingGlassDialog .notebook-tab:selected {
   border-color: transparent;
   background-color: rgba(17, 17, 27, 0.12);
-  box-shadow: inset 0 -2px 0px #1e66f5;
+  box-shadow: inset 0 -2px 0px #7287fd;
   color: rgba(17, 17, 27, 0.87);
   text-shadow: none;
 }
@@ -1596,20 +1596,20 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 .lg-dialog StEntry {
   min-height: 22px;
-  selection-background-color: #1e66f5;
+  selection-background-color: #7287fd;
   selected-color: #eff1f5;
 }
 
 .lg-dialog .shell-link {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 .lg-dialog .shell-link:hover {
-  color: #4f87f7;
+  color: #a4b2fe;
 }
 
 .lg-dialog .shell-link:active {
-  color: #0a4ed6;
+  color: #405cfc;
 }
 
 .lg-dialog .actor-link {
@@ -1801,7 +1801,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 .url-highlighter {
-  link-color: #1e66f5;
+  link-color: #7287fd;
 }
 
 .message-media-control {
@@ -1845,8 +1845,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 .select-area-rubberband {
-  background-color: rgba(30, 102, 245, 0.3);
-  border: 1px solid #1e66f5;
+  background-color: rgba(114, 135, 253, 0.3);
+  border: 1px solid #7287fd;
   border-radius: 6px;
 }
 
@@ -1876,7 +1876,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 .user-icon.user-avatar {
-  border: 2px solid #1e66f5;
+  border: 2px solid #7287fd;
 }
 
 .user-widget.vertical .user-icon {
@@ -1966,7 +1966,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 .nm-dialog-item:selected {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -2072,7 +2072,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
   width: 1.6em;
   -shell-counter-overlap-x: 3px;
   -shell-counter-overlap-y: 3px;
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
   border: 2px solid rgba(17, 17, 27, 0.26);
   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
@@ -2152,7 +2152,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
   color: rgba(17, 17, 27, 0.87);
   -barlevel-height: 2px;
   -barlevel-background-color: rgba(17, 17, 27, 0.12);
-  -barlevel-active-background-color: #1e66f5;
+  -barlevel-active-background-color: #7287fd;
   -barlevel-overdrive-color: #d20f39;
   -barlevel-overdrive-separator-width: 2px;
   -barlevel-border-width: 0;
@@ -2555,7 +2555,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
   weight: bold;
   padding: 0 6px;
   color: #eff1f5;
-  background-color: #1e66f5;
+  background-color: #7287fd;
   border-radius: 9999px;
   margin-right: 12px;
 }
@@ -2574,7 +2574,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
-  background-color: rgba(30, 102, 245, 0.5);
+  background-color: rgba(114, 135, 253, 0.5);
 }
 
 /* Scrollbars */
@@ -2639,7 +2639,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .search-entry:focus {
   color: rgba(17, 17, 27, 0.87);
-  border-color: #1e66f5;
+  border-color: #7287fd;
   background-color: #eff1f5;
   box-shadow: none;
 }
@@ -2748,17 +2748,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: #eff1f5;
   -slider-height: 2px;
   -slider-background-color: rgba(17, 17, 27, 0.26);
-  -slider-border-color: #1e66f5;
-  -slider-active-background-color: #1e66f5;
-  -slider-active-border-color: #1e66f5;
+  -slider-border-color: #7287fd;
+  -slider-active-background-color: #7287fd;
+  -slider-active-border-color: #7287fd;
   -slider-border-width: 2px;
   -slider-handle-radius: 7px;
   -slider-handle-border-width: 2px;
-  -slider-handle-border-color: #1e66f5;
+  -slider-handle-border-color: #7287fd;
   -barlevel-height: 2px;
   -barlevel-background-color: rgba(17, 17, 27, 0.26);
   -barlevel-border-color: transparent;
-  -barlevel-active-background-color: #1e66f5;
+  -barlevel-active-background-color: #7287fd;
   -barlevel-active-border-color: transparent;
   -barlevel-overdrive-color: #d20f39;
   -barlevel-overdrive-border-color: transparent;
@@ -2784,7 +2784,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .switcher-list .item-box:selected {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -2822,7 +2822,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .cycler-highlight {
-  border: 5px solid #1e66f5;
+  border: 5px solid #7287fd;
 }
 
 /* Switches */
@@ -2842,8 +2842,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 /* Tiled window previews */
 .tile-preview {
-  background-color: rgba(30, 102, 245, 0.3);
-  border: 1px solid #1e66f5;
+  background-color: rgba(114, 135, 253, 0.3);
+  border: 1px solid #7287fd;
 }
 
 .tile-preview-left.on-primary {
@@ -2884,7 +2884,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .ws-switcher-active-left,
 .ws-switcher-active-right {
   height: 52px;
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
   border-radius: 9px;
   border: none;
@@ -3143,7 +3143,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .workspace-thumbnail-indicator {
-  border: 3px solid #1e66f5;
+  border: 3px solid #7287fd;
   border-radius: 3px;
   padding: 0px;
 }
@@ -3170,7 +3170,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 #dashtodockContainer .notification-badge {
   color: #eff1f5;
-  background-color: #1e66f5;
+  background-color: #7287fd;
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
   border-radius: 9999px;
   margin: 2px;
@@ -3238,7 +3238,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer StWidget.focused .app-well-app-running-dot {
-  background-color: #1e66f5 !important;
+  background-color: #7287fd !important;
 }
 
 #dashtodockContainer:overview #dash .app-well-app-running-dot {
@@ -3246,7 +3246,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
-  background-color: #1e66f5 !important;
+  background-color: #7287fd !important;
 }
 
 #dashtodockContainer .show-apps .overview-icon,
@@ -3284,7 +3284,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer StWidget.focused .app-well-app-running-dot {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 #dashtodockContainer.opaque #dash .dash-background {
diff --git a/src/main/gtk-3.0/gtk-Dark.css b/src/main/gtk-3.0/gtk-Dark.css
index c89d24b2..4ad3e2b2 100644
--- a/src/main/gtk-3.0/gtk-Dark.css
+++ b/src/main/gtk-3.0/gtk-Dark.css
@@ -12,10 +12,10 @@
 
 @keyframes ripple-on-headerbar {
   from {
-    background-image: radial-gradient(circle, #8caaee 0%, transparent 0%);
+    background-image: radial-gradient(circle, #b4befe 0%, transparent 0%);
   }
   to {
-    background-image: radial-gradient(circle, #8caaee 100%, transparent 0%);
+    background-image: radial-gradient(circle, #b4befe 100%, transparent 0%);
   }
 }
 
@@ -34,7 +34,7 @@
   outline-color: transparent;
   outline-offset: -4px;
   -gtk-outline-radius: 6px;
-  -gtk-secondary-caret-color: #8caaee;
+  -gtk-secondary-caret-color: #b4befe;
 }
 
 *:focus {
@@ -48,14 +48,14 @@ XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical >
 }
 
 .nemo-window .view selection, .nemo-window .view:selected, .nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, flowbox flowboxchild:selected {
-  color: #8caaee;
-  background-color: rgba(140, 170, 238, 0.2);
+  color: #b4befe;
+  background-color: rgba(180, 190, 254, 0.2);
 }
 
 .nemo-window .nemo-window-pane widget.entry:selected, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, .nautilus-window.background.csd notebook widget.view:selected, spinbutton.vertical selection, spinbutton:not(.vertical) selection,
 entry selection, label selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected {
   color: rgba(17, 17, 27, 0.87);
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 .linked:not(.vertical) > button, .linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry {
@@ -135,7 +135,7 @@ entry selection, label selection, textview text selection:focus, textview text s
 }
 
 .gtkstyle-fallback:selected {
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
 }
 
@@ -347,8 +347,8 @@ XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
 flowbox treeview.view flowbox .content-view rubberband,
 flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
 XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband {
-  border: 1px solid #8caaee;
-  background-color: rgba(140, 170, 238, 0.3);
+  border: 1px solid #b4befe;
+  background-color: rgba(180, 190, 254, 0.3);
 }
 
 flowbox flowboxchild {
@@ -443,7 +443,7 @@ entry {
 spinbutton.vertical:focus, spinbutton:focus:not(.vertical),
 entry:focus {
   background-color: rgba(239, 241, 245, 0.08);
-  box-shadow: inset 0 0 0 2px #8caaee;
+  box-shadow: inset 0 0 0 2px #b4befe;
 }
 
 spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical),
@@ -566,7 +566,7 @@ entry.warning:disabled {
 spinbutton.vertical progress, spinbutton:not(.vertical) progress,
 entry progress {
   margin: 2px -8px;
-  border-bottom: 2px solid #8caaee;
+  border-bottom: 2px solid #b4befe;
   background-color: transparent;
 }
 
@@ -619,10 +619,10 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f
  ***********/
 @keyframes needs-attention {
   from {
-    background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#8caaee), to(transparent));
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#b4befe), to(transparent));
   }
   to {
-    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8caaee), to(transparent));
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#b4befe), to(transparent));
   }
 }
 
@@ -655,7 +655,7 @@ actionbar > revealer > box .linked > button:not(.suggested-action):not(.destruct
 }
 
 actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus {
-  box-shadow: 0 0 0 2px rgba(140, 170, 238, 0.35);
+  box-shadow: 0 0 0 2px rgba(180, 190, 254, 0.35);
 }
 
 actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover {
@@ -677,7 +677,7 @@ actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(
 }
 
 actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked {
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
 }
 
@@ -851,17 +851,17 @@ button.osd {
   min-width: 24px;
   min-width: 24px;
   padding: 12px 16px;
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
 }
 
 button.osd:hover {
-  background-color: rgba(128, 155, 218, 0.9844);
+  background-color: rgba(165, 174, 232, 0.9844);
   color: rgba(17, 17, 27, 0.87);
 }
 
 button.osd:active {
-  background-color: rgba(114, 137, 193, 0.9662);
+  background-color: rgba(145, 153, 206, 0.9662);
   color: rgba(17, 17, 27, 0.87);
 }
 
@@ -878,7 +878,7 @@ button.osd:disabled {
 }
 
 button.suggested-action {
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
   box-shadow: none;
 }
@@ -890,24 +890,24 @@ button.suggested-action:disabled {
 }
 
 button.suggested-action:hover {
-  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(140, 170, 238, 0.2), 0 4px 3px 0 rgba(140, 170, 238, 0.14), 0 1px 6px 0 rgba(140, 170, 238, 0.12);
+  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(180, 190, 254, 0.2), 0 4px 3px 0 rgba(180, 190, 254, 0.14), 0 1px 6px 0 rgba(180, 190, 254, 0.12);
 }
 
 button.suggested-action:checked {
-  background-color: rgba(109, 132, 186, 0.961);
+  background-color: rgba(140, 147, 198, 0.961);
 }
 
 button.suggested-action:checked:hover {
-  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(140, 170, 238, 0.3), 0 2px 3px -1px rgba(140, 170, 238, 0.24), 0 2px 5px 0 rgba(140, 170, 238, 0.12);
+  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(180, 190, 254, 0.3), 0 2px 3px -1px rgba(180, 190, 254, 0.24), 0 2px 5px 0 rgba(180, 190, 254, 0.12);
 }
 
 button.suggested-action:focus {
-  box-shadow: 0 0 0 2px rgba(140, 170, 238, 0.35);
+  box-shadow: 0 0 0 2px rgba(180, 190, 254, 0.35);
 }
 
 button.suggested-action.flat {
   background-color: transparent;
-  color: #8caaee;
+  color: #b4befe;
 }
 
 button.suggested-action.flat:disabled {
@@ -917,7 +917,7 @@ button.suggested-action.flat:disabled {
 }
 
 button.suggested-action.flat:checked {
-  background-color: rgba(140, 170, 238, 0.3);
+  background-color: rgba(180, 190, 254, 0.3);
 }
 
 button.destructive-action {
@@ -1027,7 +1027,7 @@ button.color {
  * Links *
  *********/
 *:link {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 *:visited {
@@ -1035,7 +1035,7 @@ button.color {
 }
 
 button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active {
@@ -1225,7 +1225,7 @@ button.combo:only-child:hover {
 
 button.combo:only-child:checked {
   background-color: rgba(239, 241, 245, 0.08);
-  box-shadow: inset 0 0 0 2px #8caaee;
+  box-shadow: inset 0 0 0 2px #b4befe;
 }
 
 button.combo:only-child:disabled {
@@ -1455,11 +1455,11 @@ searchbar > revealer > box {
 }
 
 .titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar {
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 .titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop {
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 .background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar {
@@ -1486,8 +1486,8 @@ searchbar > revealer > box {
 .titlebar.selection-mode {
   transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
   animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
-  box-shadow: inset 0 1px rgba(239, 241, 245, 0.2), inset 0 -1px rgba(239, 241, 245, 0);
-  background-color: #8caaee;
+  box-shadow: inset 0 1px rgba(239, 241, 245, 0.15), inset 0 -1px rgba(239, 241, 245, 0);
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
 }
 
@@ -1547,8 +1547,8 @@ searchbar > revealer > box {
 }
 
 .titlebar .selection-mode {
-  box-shadow: inset 0 1px rgba(239, 241, 245, 0.2);
-  background-color: #8caaee;
+  box-shadow: inset 0 1px rgba(239, 241, 245, 0.15);
+  background-color: #b4befe;
 }
 
 .tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar {
@@ -1797,7 +1797,7 @@ treeview.view.expander:disabled {
 treeview.view.progressbar {
   border: none;
   box-shadow: none;
-  background-color: #8caaee;
+  background-color: #b4befe;
   background-image: none;
   border-radius: 9999px;
   color: rgba(17, 17, 27, 0.87);
@@ -1805,7 +1805,7 @@ treeview.view.progressbar {
 
 treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus {
   box-shadow: none;
-  background-color: #9bb5ef;
+  background-color: #bdc6fd;
   color: rgba(17, 17, 27, 0.87);
 }
 
@@ -1867,11 +1867,11 @@ treeview.view header.button.dnd {
   box-shadow: none;
   background-color: #1e1e2e;
   background-clip: border-box;
-  color: #8caaee;
+  color: #b4befe;
 }
 
 treeview.view acceleditor > label {
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 /*********
@@ -2493,7 +2493,7 @@ switch {
 }
 
 switch:checked {
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 switch:disabled {
@@ -2589,28 +2589,28 @@ check:checked, check:indeterminate,
 radio:checked,
 radio:indeterminate {
   color: rgba(17, 17, 27, 0.87);
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 check:checked:hover, check:indeterminate:hover,
 radio:checked:hover,
 radio:indeterminate:hover {
-  box-shadow: 0 0 0 6px rgba(140, 170, 238, 0.15);
-  background-color: #b8cbf5;
+  box-shadow: 0 0 0 6px rgba(180, 190, 254, 0.15);
+  background-color: #e6eaff;
 }
 
 check:checked:active, check:indeterminate:active,
 radio:checked:active,
 radio:indeterminate:active {
-  box-shadow: 0 0 0 6px rgba(140, 170, 238, 0.2);
-  background-color: #8caaee;
+  box-shadow: 0 0 0 6px rgba(180, 190, 254, 0.2);
+  background-color: #b4befe;
 }
 
 check:checked:disabled, check:indeterminate:disabled,
 radio:checked:disabled,
 radio:indeterminate:disabled {
   color: rgba(17, 17, 27, 0.38);
-  background-color: rgba(140, 170, 238, 0.35);
+  background-color: rgba(180, 190, 254, 0.35);
 }
 
 popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
@@ -2724,7 +2724,7 @@ treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, tr
 }
 
 treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate, treeview.view:selected:focus radio:checked, treeview.view:selected:focus radio:indeterminate, treeview.view:selected:focus check:checked, treeview.view:selected:focus check:indeterminate {
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
   background-image: none;
 }
@@ -2779,7 +2779,7 @@ scale trough:disabled {
 
 scale highlight {
   transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
-  background-image: image(#8caaee);
+  background-image: image(#b4befe);
 }
 
 scale highlight:disabled {
@@ -2799,17 +2799,17 @@ scale fill:disabled {
 scale slider {
   transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
   border-radius: 9999px;
-  color: #8caaee;
+  color: #b4befe;
   background-color: #1e1e2e;
-  box-shadow: inset 0 0 0 2px #8caaee;
+  box-shadow: inset 0 0 0 2px #b4befe;
 }
 
 scale slider:hover {
-  box-shadow: inset 0 0 0 2px #8caaee, 0 0 0 8px rgba(239, 241, 245, 0.12);
+  box-shadow: inset 0 0 0 2px #b4befe, 0 0 0 8px rgba(239, 241, 245, 0.12);
 }
 
 scale slider:active {
-  box-shadow: inset 0 0 0 4px #8caaee, 0 0 0 8px rgba(239, 241, 245, 0.12);
+  box-shadow: inset 0 0 0 4px #b4befe, 0 0 0 8px rgba(239, 241, 245, 0.12);
 }
 
 scale slider:disabled {
@@ -3121,7 +3121,7 @@ progressbar trough {
 
 progressbar progress {
   border-radius: 6px;
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 progressbar.osd {
@@ -3135,7 +3135,7 @@ progressbar.osd trough {
 }
 
 progressbar.osd progress {
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 progressbar trough.empty progress {
@@ -3178,7 +3178,7 @@ levelbar block.low {
 }
 
 levelbar block.high, levelbar block:not(.empty) {
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 levelbar block.full {
@@ -3439,7 +3439,7 @@ row:selected:disabled label {
 }
 
 .app-notification button.text-button:not(:disabled) {
-  color: #8caaee;
+  color: #b4befe;
 }
 
 .app-notification.frame,
@@ -3545,7 +3545,7 @@ messagedialog .dialog-action-box button:not(:last-child), messagedialog .dialog-
 }
 
 messagedialog .dialog-action-box button.suggested-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) {
-  color: #8caaee;
+  color: #b4befe;
 }
 
 messagedialog .dialog-action-box button.destructive-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) {
@@ -3638,7 +3638,7 @@ stacksidebar.sidebar row {
 }
 
 stacksidebar.sidebar row:selected {
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
   font-weight: 500;
 }
@@ -3722,11 +3722,11 @@ placessidebar.sidebar row.sidebar-placeholder-row {
 }
 
 placessidebar.sidebar row.sidebar-new-bookmark-row {
-  color: #8caaee;
+  color: #b4befe;
 }
 
 placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
-  color: #8caaee;
+  color: #b4befe;
 }
 
 placessidebar.sidebar row:drop(active) {
@@ -3823,11 +3823,11 @@ infobar.info > revealer > box link:link, infobar.info:hover > revealer > box lin
 }
 
 infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
-  color: #8caaee;
+  color: #b4befe;
 }
 
 infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box {
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
 }
 
@@ -3840,7 +3840,7 @@ infobar.action > revealer > box button, infobar.action > revealer > box button:h
 }
 
 infobar.action:hover > revealer > box, infobar.question:hover > revealer > box {
-  background-color: #769aeb;
+  background-color: #9ba8fe;
 }
 
 infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
@@ -3960,7 +3960,7 @@ colorswatch overlay {
 }
 
 colorswatch overlay:hover {
-  box-shadow: 0 0 0 2px #8caaee;
+  box-shadow: 0 0 0 2px #b4befe;
 }
 
 colorswatch#add-color-button {
@@ -4128,27 +4128,27 @@ button.minimize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructi
 }
 
 button.minimize.titlebutton:not(.suggested-action):not(.destructive-action) {
-  background-color: #df8e1d;
+  background-color: #e5c890;
 }
 
 button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
-  background-color: #e3a753;
+  background-color: #e8d2a9;
 }
 
 button.maximize.titlebutton:not(.suggested-action):not(.destructive-action) {
-  background-color: #40a02b;
+  background-color: #a6d189;
 }
 
 button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
-  background-color: #6cb45e;
+  background-color: #b8d9a4;
 }
 
 button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
-  background-color: #d20f39;
+  background-color: #e78284;
 }
 
 button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
-  background-color: #d94868;
+  background-color: #e99ea0;
 }
 
 #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
@@ -4188,7 +4188,7 @@ button.close.titlebutton:active:not(.suggested-action):not(.destructive-action)
  * Touch Copy & Paste *
  **********************/
 cursor-handle {
-  color: #8caaee;
+  color: #b4befe;
   -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
 }
 
@@ -4225,7 +4225,7 @@ cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl)
 }
 
 :not(decoration):not(window):drop(active) {
-  caret-color: #8caaee;
+  caret-color: #b4befe;
 }
 
 stackswitcher {
@@ -4296,7 +4296,7 @@ button.emoji-section {
 }
 
 button.emoji-section:checked {
-  color: #8caaee;
+  color: #b4befe;
 }
 
 button.emoji-section:not(:last-child) {
@@ -4409,7 +4409,7 @@ popover.emoji-completion .emoji:hover {
   margin: 6px;
   border-style: none;
   border-radius: 6px;
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
 }
 
@@ -4527,8 +4527,8 @@ popover.emoji-completion .emoji:hover {
 }
 
 .disk-space-display.used {
-  background-color: #8caaee;
-  color: #8caaee;
+  background-color: #b4befe;
+  color: #b4befe;
 }
 
 .disk-space-display.free {
@@ -5050,7 +5050,7 @@ window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked
 }
 
 .polari-room-list .sidebar > row.activatable:selected {
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
 }
 
@@ -5081,7 +5081,7 @@ layouttab {
   border-style: none solid;
   border-width: 1px;
   border-color: rgba(17, 17, 27, 0);
-  box-shadow: inset 0 -2px #8caaee;
+  box-shadow: inset 0 -2px #b4befe;
   background-color: #1e1e2e;
 }
 
@@ -5231,7 +5231,7 @@ docktab {
   border-width: 1px;
   border-color: transparent;
   box-shadow: inset 0 -2px transparent;
-  background-image: radial-gradient(circle, #8caaee 10%, transparent 0%);
+  background-image: radial-gradient(circle, #b4befe 10%, transparent 0%);
   background-repeat: no-repeat;
   background-position: center;
   background-size: 0% 0%;
@@ -5246,7 +5246,7 @@ docktab:hover {
 
 docktab:checked {
   transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
-  box-shadow: inset 0 -2px #8caaee;
+  box-shadow: inset 0 -2px #b4befe;
   background-color: transparent;
   background-image: radial-gradient(circle, transparent 10%, transparent 0%);
   background-size: 1000% 1000%;
@@ -5263,11 +5263,11 @@ dockoverlayedge docktabstrip {
 }
 
 dockoverlayedge.left-edge docktab:checked {
-  box-shadow: inset -2px 0 #8caaee;
+  box-shadow: inset -2px 0 #b4befe;
 }
 
 dockoverlayedge.right-edge docktab:checked {
-  box-shadow: inset 2px 0 #8caaee;
+  box-shadow: inset 2px 0 #b4befe;
 }
 
 pillbox {
@@ -5351,7 +5351,7 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button {
 }
 
 ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
-  background-image: radial-gradient(circle, rgba(140, 170, 238, 0.7) 10%, transparent 0%);
+  background-image: radial-gradient(circle, rgba(180, 190, 254, 0.7) 10%, transparent 0%);
 }
 
 ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
@@ -5364,7 +5364,7 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
 }
 
 ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
-  box-shadow: inset -2px 0 #8caaee;
+  box-shadow: inset -2px 0 #b4befe;
 }
 
 ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
@@ -5372,7 +5372,7 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
 }
 
 ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
-  box-shadow: inset 2px 0 #8caaee;
+  box-shadow: inset 2px 0 #b4befe;
 }
 
 ideeditorsidebar notebook header {
@@ -5398,7 +5398,7 @@ GdMainIconView.content-view {
   margin: 8px;
   border-radius: 9999px;
   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);
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
   font-weight: bold;
 }
@@ -5465,11 +5465,11 @@ overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
 }
 
 .side-panel .view:selected {
-  background-image: image(#8caaee);
+  background-image: image(#b4befe);
 }
 
 .side-panel .view:selected:hover {
-  background-image: image(rgba(132, 160, 225, 0.9896));
+  background-image: image(rgba(170, 179, 240, 0.9896));
 }
 
 .songs-list:hover {
@@ -5777,7 +5777,7 @@ window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer-
 
 .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:selected, .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:active {
   border-radius: 6px;
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
 }
 
@@ -6007,7 +6007,7 @@ window.background.chromium > button {
 }
 
 window.background.chromium > button {
-  color: #8caaee;
+  color: #b4befe;
 }
 
 window.background.chromium > button:disabled {
@@ -6024,7 +6024,7 @@ window.background.chromium headerbar button:active {
 }
 
 window.background.chromium spinner {
-  color: #8caaee;
+  color: #b4befe;
 }
 
 window.background.chromium textview.view {
@@ -6032,7 +6032,7 @@ window.background.chromium textview.view {
 }
 
 window.background.chromium treeview.view.cell:selected:focus {
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
 }
 
@@ -6061,7 +6061,7 @@ tooltip.background.chromium {
 }
 
 #MozillaGtkWidget > widget text:selected {
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
 }
 
@@ -6095,8 +6095,8 @@ tooltip.background.chromium {
 }
 
 #MozillaGtkWidget > widget > entry:focus {
-  border-color: #8caaee;
-  box-shadow: inset 0 0 0 1px #8caaee;
+  border-color: #b4befe;
+  box-shadow: inset 0 0 0 1px #b4befe;
 }
 
 #MozillaGtkWidget > widget > entry:disabled {
@@ -6283,7 +6283,7 @@ UnityDecoration {
   -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
   -UnityDecoration-inactive-shadow-radius: 6px;
   -UnityDecoration-glow-size: 8px;
-  -UnityDecoration-glow-color: #8caaee;
+  -UnityDecoration-glow-color: #b4befe;
   -UnityDecoration-title-indent: 4px;
   -UnityDecoration-title-fade: 32px;
   -UnityDecoration-title-alignment: 0.0;
@@ -6348,7 +6348,7 @@ UnityPanelWidget:backdrop,
 .menu IdoPlaybackMenuItem.menuitem:active {
   -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
   animation: spin 1s linear infinite;
-  color: #8caaee;
+  color: #b4befe;
 }
 
 /**************
@@ -6458,7 +6458,7 @@ MatePanelAppletFrameDBus {
 
 PanelApplet.wnck-applet .wnck-pager {
   background-color: transparent;
-  color: #8caaee;
+  color: #b4befe;
 }
 
 PanelApplet.wnck-applet .wnck-pager:hover {
@@ -6470,7 +6470,7 @@ PanelApplet.wnck-applet .wnck-pager:active {
 }
 
 PanelApplet.wnck-applet .wnck-pager:selected {
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 .mate-panel-menu-bar.horizontal #clock-applet-button label {
@@ -6614,7 +6614,7 @@ na-tray-applet {
 }
 
 .brisk-menu .categories-list button:checked {
-  color: #8caaee;
+  color: #b4befe;
 }
 
 .brisk-menu .session-button {
@@ -6794,7 +6794,7 @@ na-tray-applet {
 }
 
 .lock-dialog button:not(:disabled) {
-  color: #8caaee;
+  color: #b4befe;
 }
 
 /* multimedia OSD */
@@ -6811,7 +6811,7 @@ MsdOsdWindow.background.osd .trough {
 
 MsdOsdWindow.background.osd .progressbar {
   border-radius: 0;
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 /******************
@@ -7574,7 +7574,7 @@ wnck-pager:active {
 }
 
 wnck-pager:selected {
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 XfdesktopIconView.view {
@@ -7786,7 +7786,7 @@ menubar.-vala-panel-background > menuitem:disabled {
 }
 
 #buttonbox_frame button:not(:disabled) {
-  color: #8caaee;
+  color: #b4befe;
 }
 
 /********
@@ -7868,7 +7868,7 @@ menubar.-vala-panel-background > menuitem:disabled {
 
 .places-treeview {
   -NemoPlacesTreeView-disk-full-bg-color: #5d5d6a;
-  -NemoPlacesTreeView-disk-full-fg-color: #8caaee;
+  -NemoPlacesTreeView-disk-full-fg-color: #b4befe;
   -NemoPlacesTreeView-disk-full-bar-width: 2px;
   -NemoPlacesTreeView-disk-full-bar-radius: 0;
   -NemoPlacesTreeView-disk-full-bottom-padding: 1px;
@@ -7894,7 +7894,7 @@ text widgets and the like base background color */
 @define-color theme_base_color #1e1e2e;
 /*
 base background color of selections */
-@define-color theme_selected_bg_color #8caaee;
+@define-color theme_selected_bg_color #b4befe;
 /*
 text/foreground color of selections */
 @define-color theme_selected_fg_color rgba(17, 17, 27, 0.87);
@@ -7921,7 +7921,7 @@ text widgets and the like base background color on backdrop windows */
 @define-color theme_unfocused_base_color #1e1e2e;
 /*
 base background color of selections on backdrop windows */
-@define-color theme_unfocused_selected_bg_color #8caaee;
+@define-color theme_unfocused_selected_bg_color #b4befe;
 /*
 text/foreground color of selections on backdrop windows */
 @define-color theme_unfocused_selected_fg_color rgba(17, 17, 27, 0.87);
@@ -7949,12 +7949,12 @@ read if you used those and something break with a version upgrade you're on your
 @define-color wm_bg #11111b;
 @define-color wm_unfocused_bg #1e1e2e;
 @define-color wm_button_icon white;
-@define-color wm_button_close_hover_bg #d20f39;
-@define-color wm_button_close_active_bg #990b29;
-@define-color wm_button_max_hover_bg #40a02b;
-@define-color wm_button_max_active_bg #2d701e;
-@define-color wm_button_min_hover_bg #df8e1d;
-@define-color wm_button_min_active_bg #a96c16;
+@define-color wm_button_close_hover_bg #e78284;
+@define-color wm_button_close_active_bg #dd4f51;
+@define-color wm_button_max_hover_bg #a6d189;
+@define-color wm_button_max_active_bg #85c05d;
+@define-color wm_button_min_hover_bg #e5c890;
+@define-color wm_button_min_active_bg #d9af5e;
 /*
 FIXME this is really an API */
 @define-color content_view_bg #1e1e2e;
diff --git a/src/main/gtk-3.0/gtk-Light.css b/src/main/gtk-3.0/gtk-Light.css
index 4d4db172..2a75363c 100644
--- a/src/main/gtk-3.0/gtk-Light.css
+++ b/src/main/gtk-3.0/gtk-Light.css
@@ -12,10 +12,10 @@
 
 @keyframes ripple-on-headerbar {
   from {
-    background-image: radial-gradient(circle, #1e66f5 0%, transparent 0%);
+    background-image: radial-gradient(circle, #7287fd 0%, transparent 0%);
   }
   to {
-    background-image: radial-gradient(circle, #1e66f5 100%, transparent 0%);
+    background-image: radial-gradient(circle, #7287fd 100%, transparent 0%);
   }
 }
 
@@ -34,7 +34,7 @@
   outline-color: transparent;
   outline-offset: -4px;
   -gtk-outline-radius: 6px;
-  -gtk-secondary-caret-color: #1e66f5;
+  -gtk-secondary-caret-color: #7287fd;
 }
 
 *:focus {
@@ -48,14 +48,14 @@ XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical >
 }
 
 .nemo-window .view selection, .nemo-window .view:selected, .nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, flowbox flowboxchild:selected {
-  color: #1e66f5;
-  background-color: rgba(30, 102, 245, 0.2);
+  color: #7287fd;
+  background-color: rgba(114, 135, 253, 0.2);
 }
 
 .nemo-window .nemo-window-pane widget.entry:selected, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, .nautilus-window.background.csd notebook widget.view:selected, spinbutton.vertical selection, spinbutton:not(.vertical) selection,
 entry selection, label selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected {
   color: #eff1f5;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .linked:not(.vertical) > button, .linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry {
@@ -135,7 +135,7 @@ entry selection, label selection, textview text selection:focus, textview text s
 }
 
 .gtkstyle-fallback:selected {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -347,8 +347,8 @@ XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
 flowbox treeview.view flowbox .content-view rubberband,
 flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
 XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband {
-  border: 1px solid #1e66f5;
-  background-color: rgba(30, 102, 245, 0.3);
+  border: 1px solid #7287fd;
+  background-color: rgba(114, 135, 253, 0.3);
 }
 
 flowbox flowboxchild {
@@ -443,7 +443,7 @@ entry {
 spinbutton.vertical:focus, spinbutton:focus:not(.vertical),
 entry:focus {
   background-color: rgba(17, 17, 27, 0.04);
-  box-shadow: inset 0 0 0 2px #1e66f5;
+  box-shadow: inset 0 0 0 2px #7287fd;
 }
 
 spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical),
@@ -566,7 +566,7 @@ entry.warning:disabled {
 spinbutton.vertical progress, spinbutton:not(.vertical) progress,
 entry progress {
   margin: 2px -8px;
-  border-bottom: 2px solid #1e66f5;
+  border-bottom: 2px solid #7287fd;
   background-color: transparent;
 }
 
@@ -619,10 +619,10 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f
  ***********/
 @keyframes needs-attention {
   from {
-    background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1e66f5), to(transparent));
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#7287fd), to(transparent));
   }
   to {
-    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#1e66f5), to(transparent));
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#7287fd), to(transparent));
   }
 }
 
@@ -655,7 +655,7 @@ actionbar > revealer > box .linked > button:not(.suggested-action):not(.destruct
 }
 
 actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus {
-  box-shadow: 0 0 0 2px rgba(30, 102, 245, 0.35);
+  box-shadow: 0 0 0 2px rgba(114, 135, 253, 0.35);
 }
 
 actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover {
@@ -677,7 +677,7 @@ actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(
 }
 
 actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -851,17 +851,17 @@ button.osd {
   min-width: 24px;
   min-width: 24px;
   padding: 12px 16px;
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
 button.osd:hover {
-  background-color: #3777f5;
+  background-color: #8194fc;
   color: #eff1f5;
 }
 
 button.osd:active {
-  background-color: #548af5;
+  background-color: #93a3fb;
   color: #eff1f5;
 }
 
@@ -878,7 +878,7 @@ button.osd:disabled {
 }
 
 button.suggested-action {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
   box-shadow: none;
 }
@@ -890,24 +890,24 @@ button.suggested-action:disabled {
 }
 
 button.suggested-action:hover {
-  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(30, 102, 245, 0.2), 0 4px 3px 0 rgba(30, 102, 245, 0.14), 0 1px 6px 0 rgba(30, 102, 245, 0.12);
+  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(114, 135, 253, 0.2), 0 4px 3px 0 rgba(114, 135, 253, 0.14), 0 1px 6px 0 rgba(114, 135, 253, 0.12);
 }
 
 button.suggested-action:checked {
-  background-color: #5d90f5;
+  background-color: #98a7fb;
 }
 
 button.suggested-action:checked:hover {
-  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(30, 102, 245, 0.3), 0 2px 3px -1px rgba(30, 102, 245, 0.24), 0 2px 5px 0 rgba(30, 102, 245, 0.12);
+  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(114, 135, 253, 0.3), 0 2px 3px -1px rgba(114, 135, 253, 0.24), 0 2px 5px 0 rgba(114, 135, 253, 0.12);
 }
 
 button.suggested-action:focus {
-  box-shadow: 0 0 0 2px rgba(30, 102, 245, 0.35);
+  box-shadow: 0 0 0 2px rgba(114, 135, 253, 0.35);
 }
 
 button.suggested-action.flat {
   background-color: transparent;
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 button.suggested-action.flat:disabled {
@@ -917,7 +917,7 @@ button.suggested-action.flat:disabled {
 }
 
 button.suggested-action.flat:checked {
-  background-color: rgba(30, 102, 245, 0.3);
+  background-color: rgba(114, 135, 253, 0.3);
 }
 
 button.destructive-action {
@@ -1027,7 +1027,7 @@ button.color {
  * Links *
  *********/
 *:link {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 *:visited {
@@ -1035,7 +1035,7 @@ button.color {
 }
 
 button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active {
@@ -1225,7 +1225,7 @@ button.combo:only-child:hover {
 
 button.combo:only-child:checked {
   background-color: rgba(17, 17, 27, 0.04);
-  box-shadow: inset 0 0 0 2px #1e66f5;
+  box-shadow: inset 0 0 0 2px #7287fd;
 }
 
 button.combo:only-child:disabled {
@@ -1455,11 +1455,11 @@ searchbar > revealer > box {
 }
 
 .titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar {
@@ -1487,7 +1487,7 @@ searchbar > revealer > box {
   transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
   animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
   box-shadow: inset 0 1px rgba(239, 241, 245, 0.2), inset 0 -1px rgba(17, 17, 27, 0);
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -1548,7 +1548,7 @@ searchbar > revealer > box {
 
 .titlebar .selection-mode {
   box-shadow: inset 0 1px rgba(239, 241, 245, 0.2);
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar {
@@ -1797,7 +1797,7 @@ treeview.view.expander:disabled {
 treeview.view.progressbar {
   border: none;
   box-shadow: none;
-  background-color: #1e66f5;
+  background-color: #7287fd;
   background-image: none;
   border-radius: 9999px;
   color: #eff1f5;
@@ -1805,7 +1805,7 @@ treeview.view.progressbar {
 
 treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus {
   box-shadow: none;
-  background-color: rgba(28, 92, 219, 0.9805);
+  background-color: rgba(102, 121, 226, 0.9805);
   color: #eff1f5;
 }
 
@@ -1867,11 +1867,11 @@ treeview.view header.button.dnd {
   box-shadow: none;
   background-color: #eff1f5;
   background-clip: border-box;
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 treeview.view acceleditor > label {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 /*********
@@ -2493,7 +2493,7 @@ switch {
 }
 
 switch:checked {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 switch:disabled {
@@ -2589,28 +2589,28 @@ check:checked, check:indeterminate,
 radio:checked,
 radio:indeterminate {
   color: #eff1f5;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 check:checked:hover, check:indeterminate:hover,
 radio:checked:hover,
 radio:indeterminate:hover {
-  box-shadow: 0 0 0 6px rgba(30, 102, 245, 0.15);
-  background-color: #4f87f7;
+  box-shadow: 0 0 0 6px rgba(114, 135, 253, 0.15);
+  background-color: #a4b2fe;
 }
 
 check:checked:active, check:indeterminate:active,
 radio:checked:active,
 radio:indeterminate:active {
-  box-shadow: 0 0 0 6px rgba(30, 102, 245, 0.2);
-  background-color: #1e66f5;
+  box-shadow: 0 0 0 6px rgba(114, 135, 253, 0.2);
+  background-color: #7287fd;
 }
 
 check:checked:disabled, check:indeterminate:disabled,
 radio:checked:disabled,
 radio:indeterminate:disabled {
   color: rgba(239, 241, 245, 0.5);
-  background-color: rgba(30, 102, 245, 0.35);
+  background-color: rgba(114, 135, 253, 0.35);
 }
 
 popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
@@ -2724,7 +2724,7 @@ treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, tr
 }
 
 treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate, treeview.view:selected:focus radio:checked, treeview.view:selected:focus radio:indeterminate, treeview.view:selected:focus check:checked, treeview.view:selected:focus check:indeterminate {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
   background-image: none;
 }
@@ -2779,7 +2779,7 @@ scale trough:disabled {
 
 scale highlight {
   transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
-  background-image: image(#1e66f5);
+  background-image: image(#7287fd);
 }
 
 scale highlight:disabled {
@@ -2799,17 +2799,17 @@ scale fill:disabled {
 scale slider {
   transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
   border-radius: 9999px;
-  color: #1e66f5;
+  color: #7287fd;
   background-color: #eff1f5;
-  box-shadow: inset 0 0 0 2px #1e66f5;
+  box-shadow: inset 0 0 0 2px #7287fd;
 }
 
 scale slider:hover {
-  box-shadow: inset 0 0 0 2px #1e66f5, 0 0 0 8px rgba(17, 17, 27, 0.12);
+  box-shadow: inset 0 0 0 2px #7287fd, 0 0 0 8px rgba(17, 17, 27, 0.12);
 }
 
 scale slider:active {
-  box-shadow: inset 0 0 0 4px #1e66f5, 0 0 0 8px rgba(17, 17, 27, 0.12);
+  box-shadow: inset 0 0 0 4px #7287fd, 0 0 0 8px rgba(17, 17, 27, 0.12);
 }
 
 scale slider:disabled {
@@ -3121,7 +3121,7 @@ progressbar trough {
 
 progressbar progress {
   border-radius: 6px;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 progressbar.osd {
@@ -3135,7 +3135,7 @@ progressbar.osd trough {
 }
 
 progressbar.osd progress {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 progressbar trough.empty progress {
@@ -3178,7 +3178,7 @@ levelbar block.low {
 }
 
 levelbar block.high, levelbar block:not(.empty) {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 levelbar block.full {
@@ -3439,7 +3439,7 @@ row:selected:disabled label {
 }
 
 .app-notification button.text-button:not(:disabled) {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 .app-notification.frame,
@@ -3545,7 +3545,7 @@ messagedialog .dialog-action-box button:not(:last-child), messagedialog .dialog-
 }
 
 messagedialog .dialog-action-box button.suggested-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 messagedialog .dialog-action-box button.destructive-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) {
@@ -3638,7 +3638,7 @@ stacksidebar.sidebar row {
 }
 
 stacksidebar.sidebar row:selected {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
   font-weight: 500;
 }
@@ -3722,11 +3722,11 @@ placessidebar.sidebar row.sidebar-placeholder-row {
 }
 
 placessidebar.sidebar row.sidebar-new-bookmark-row {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 placessidebar.sidebar row:drop(active) {
@@ -3823,11 +3823,11 @@ infobar.info > revealer > box link:link, infobar.info:hover > revealer > box lin
 }
 
 infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -3840,7 +3840,7 @@ infobar.action > revealer > box button, infobar.action > revealer > box button:h
 }
 
 infobar.action:hover > revealer > box, infobar.question:hover > revealer > box {
-  background-color: #3677f6;
+  background-color: #8b9cfd;
 }
 
 infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
@@ -3960,7 +3960,7 @@ colorswatch overlay {
 }
 
 colorswatch overlay:hover {
-  box-shadow: 0 0 0 2px #1e66f5;
+  box-shadow: 0 0 0 2px #7287fd;
 }
 
 colorswatch#add-color-button {
@@ -4120,27 +4120,27 @@ button.minimize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructi
 }
 
 button.minimize.titlebutton:not(.suggested-action):not(.destructive-action) {
-  background-color: #df8e1d;
+  background-color: #e5c890;
 }
 
 button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
-  background-color: rgba(181, 116, 29, 0.9675);
+  background-color: rgba(186, 163, 120, 0.9675);
 }
 
 button.maximize.titlebutton:not(.suggested-action):not(.destructive-action) {
-  background-color: #40a02b;
+  background-color: #a6d189;
 }
 
 button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
-  background-color: rgba(54, 131, 40, 0.9675);
+  background-color: rgba(136, 170, 115, 0.9675);
 }
 
 button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
-  background-color: #d20f39;
+  background-color: #e78284;
 }
 
 button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
-  background-color: rgba(171, 15, 51, 0.9675);
+  background-color: rgba(187, 107, 111, 0.9675);
 }
 
 #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
@@ -4180,7 +4180,7 @@ button.close.titlebutton:active:not(.suggested-action):not(.destructive-action)
  * Touch Copy & Paste *
  **********************/
 cursor-handle {
-  color: #1e66f5;
+  color: #7287fd;
   -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
 }
 
@@ -4217,7 +4217,7 @@ cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl)
 }
 
 :not(decoration):not(window):drop(active) {
-  caret-color: #1e66f5;
+  caret-color: #7287fd;
 }
 
 stackswitcher {
@@ -4288,7 +4288,7 @@ button.emoji-section {
 }
 
 button.emoji-section:checked {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 button.emoji-section:not(:last-child) {
@@ -4401,7 +4401,7 @@ popover.emoji-completion .emoji:hover {
   margin: 6px;
   border-style: none;
   border-radius: 6px;
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -4519,8 +4519,8 @@ popover.emoji-completion .emoji:hover {
 }
 
 .disk-space-display.used {
-  background-color: #1e66f5;
-  color: #1e66f5;
+  background-color: #7287fd;
+  color: #7287fd;
 }
 
 .disk-space-display.free {
@@ -5042,7 +5042,7 @@ window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked
 }
 
 .polari-room-list .sidebar > row.activatable:selected {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -5073,7 +5073,7 @@ layouttab {
   border-style: none solid;
   border-width: 1px;
   border-color: rgba(17, 17, 27, 0);
-  box-shadow: inset 0 -2px #1e66f5;
+  box-shadow: inset 0 -2px #7287fd;
   background-color: #eff1f5;
 }
 
@@ -5223,7 +5223,7 @@ docktab {
   border-width: 1px;
   border-color: transparent;
   box-shadow: inset 0 -2px transparent;
-  background-image: radial-gradient(circle, #1e66f5 10%, transparent 0%);
+  background-image: radial-gradient(circle, #7287fd 10%, transparent 0%);
   background-repeat: no-repeat;
   background-position: center;
   background-size: 0% 0%;
@@ -5238,7 +5238,7 @@ docktab:hover {
 
 docktab:checked {
   transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
-  box-shadow: inset 0 -2px #1e66f5;
+  box-shadow: inset 0 -2px #7287fd;
   background-color: transparent;
   background-image: radial-gradient(circle, transparent 10%, transparent 0%);
   background-size: 1000% 1000%;
@@ -5255,11 +5255,11 @@ dockoverlayedge docktabstrip {
 }
 
 dockoverlayedge.left-edge docktab:checked {
-  box-shadow: inset -2px 0 #1e66f5;
+  box-shadow: inset -2px 0 #7287fd;
 }
 
 dockoverlayedge.right-edge docktab:checked {
-  box-shadow: inset 2px 0 #1e66f5;
+  box-shadow: inset 2px 0 #7287fd;
 }
 
 pillbox {
@@ -5343,7 +5343,7 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button {
 }
 
 ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
-  background-image: radial-gradient(circle, rgba(30, 102, 245, 0.7) 10%, transparent 0%);
+  background-image: radial-gradient(circle, rgba(114, 135, 253, 0.7) 10%, transparent 0%);
 }
 
 ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
@@ -5356,7 +5356,7 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
 }
 
 ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
-  box-shadow: inset -2px 0 #1e66f5;
+  box-shadow: inset -2px 0 #7287fd;
 }
 
 ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
@@ -5364,7 +5364,7 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
 }
 
 ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
-  box-shadow: inset 2px 0 #1e66f5;
+  box-shadow: inset 2px 0 #7287fd;
 }
 
 ideeditorsidebar notebook header {
@@ -5390,7 +5390,7 @@ GdMainIconView.content-view {
   margin: 8px;
   border-radius: 9999px;
   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);
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
   font-weight: bold;
 }
@@ -5457,11 +5457,11 @@ overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
 }
 
 .side-panel .view:selected {
-  background-image: image(#1e66f5);
+  background-image: image(#7287fd);
 }
 
 .side-panel .view:selected:hover {
-  background-image: image(#2f71f5);
+  background-image: image(#7c8ffc);
 }
 
 .songs-list:hover {
@@ -5769,7 +5769,7 @@ window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer-
 
 .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:selected, .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:active {
   border-radius: 6px;
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -5999,7 +5999,7 @@ window.background.chromium > button {
 }
 
 window.background.chromium > button {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 window.background.chromium > button:disabled {
@@ -6016,7 +6016,7 @@ window.background.chromium headerbar button:active {
 }
 
 window.background.chromium spinner {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 window.background.chromium textview.view {
@@ -6024,7 +6024,7 @@ window.background.chromium textview.view {
 }
 
 window.background.chromium treeview.view.cell:selected:focus {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -6053,7 +6053,7 @@ tooltip.background.chromium {
 }
 
 #MozillaGtkWidget > widget text:selected {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -6087,8 +6087,8 @@ tooltip.background.chromium {
 }
 
 #MozillaGtkWidget > widget > entry:focus {
-  border-color: #1e66f5;
-  box-shadow: inset 0 0 0 1px #1e66f5;
+  border-color: #7287fd;
+  box-shadow: inset 0 0 0 1px #7287fd;
 }
 
 #MozillaGtkWidget > widget > entry:disabled {
@@ -6275,7 +6275,7 @@ UnityDecoration {
   -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
   -UnityDecoration-inactive-shadow-radius: 6px;
   -UnityDecoration-glow-size: 8px;
-  -UnityDecoration-glow-color: #1e66f5;
+  -UnityDecoration-glow-color: #7287fd;
   -UnityDecoration-title-indent: 4px;
   -UnityDecoration-title-fade: 32px;
   -UnityDecoration-title-alignment: 0.0;
@@ -6300,7 +6300,7 @@ UnityDecoration .menuitem {
 }
 
 UnityDecoration .menuitem:hover {
-  box-shadow: inset 0 -2px #1e66f5;
+  box-shadow: inset 0 -2px #7287fd;
   background-color: transparent;
   color: rgba(17, 17, 27, 0.87);
 }
@@ -6332,7 +6332,7 @@ UnityPanelWidget:backdrop,
 
 .unity-panel.menubar.menuitem:hover,
 .unity-panel.menubar .menuitem *:hover {
-  box-shadow: inset 0 -2px #1e66f5;
+  box-shadow: inset 0 -2px #7287fd;
   background-color: transparent;
   color: rgba(17, 17, 27, 0.87);
 }
@@ -6340,7 +6340,7 @@ UnityPanelWidget:backdrop,
 .menu IdoPlaybackMenuItem.menuitem:active {
   -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
   animation: spin 1s linear infinite;
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 /**************
@@ -6450,7 +6450,7 @@ MatePanelAppletFrameDBus {
 
 PanelApplet.wnck-applet .wnck-pager {
   background-color: transparent;
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 PanelApplet.wnck-applet .wnck-pager:hover {
@@ -6462,7 +6462,7 @@ PanelApplet.wnck-applet .wnck-pager:active {
 }
 
 PanelApplet.wnck-applet .wnck-pager:selected {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .mate-panel-menu-bar.horizontal #clock-applet-button label {
@@ -6606,7 +6606,7 @@ na-tray-applet {
 }
 
 .brisk-menu .categories-list button:checked {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 .brisk-menu .session-button {
@@ -6786,7 +6786,7 @@ na-tray-applet {
 }
 
 .lock-dialog button:not(:disabled) {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 /* multimedia OSD */
@@ -6803,7 +6803,7 @@ MsdOsdWindow.background.osd .trough {
 
 MsdOsdWindow.background.osd .progressbar {
   border-radius: 0;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 /******************
@@ -7566,7 +7566,7 @@ wnck-pager:active {
 }
 
 wnck-pager:selected {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 XfdesktopIconView.view {
@@ -7778,7 +7778,7 @@ menubar.-vala-panel-background > menuitem:disabled {
 }
 
 #buttonbox_frame button:not(:disabled) {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 /********
@@ -7860,7 +7860,7 @@ menubar.-vala-panel-background > menuitem:disabled {
 
 .places-treeview {
   -NemoPlacesTreeView-disk-full-bg-color: rgba(184, 185, 191, 0.961);
-  -NemoPlacesTreeView-disk-full-fg-color: #1e66f5;
+  -NemoPlacesTreeView-disk-full-fg-color: #7287fd;
   -NemoPlacesTreeView-disk-full-bar-width: 2px;
   -NemoPlacesTreeView-disk-full-bar-radius: 0;
   -NemoPlacesTreeView-disk-full-bottom-padding: 1px;
@@ -7886,7 +7886,7 @@ text widgets and the like base background color */
 @define-color theme_base_color #eff1f5;
 /*
 base background color of selections */
-@define-color theme_selected_bg_color #1e66f5;
+@define-color theme_selected_bg_color #7287fd;
 /*
 text/foreground color of selections */
 @define-color theme_selected_fg_color #eff1f5;
@@ -7913,7 +7913,7 @@ text widgets and the like base background color on backdrop windows */
 @define-color theme_unfocused_base_color #eff1f5;
 /*
 base background color of selections on backdrop windows */
-@define-color theme_unfocused_selected_bg_color #1e66f5;
+@define-color theme_unfocused_selected_bg_color #7287fd;
 /*
 text/foreground color of selections on backdrop windows */
 @define-color theme_unfocused_selected_fg_color #eff1f5;
@@ -7941,12 +7941,12 @@ read if you used those and something break with a version upgrade you're on your
 @define-color wm_bg #e6e9ef;
 @define-color wm_unfocused_bg #dce0e8;
 @define-color wm_button_icon white;
-@define-color wm_button_close_hover_bg #d20f39;
-@define-color wm_button_close_active_bg #990b29;
-@define-color wm_button_max_hover_bg #40a02b;
-@define-color wm_button_max_active_bg #2d701e;
-@define-color wm_button_min_hover_bg #df8e1d;
-@define-color wm_button_min_active_bg #a96c16;
+@define-color wm_button_close_hover_bg #e78284;
+@define-color wm_button_close_active_bg #dd4f51;
+@define-color wm_button_max_hover_bg #a6d189;
+@define-color wm_button_max_active_bg #85c05d;
+@define-color wm_button_min_hover_bg #e5c890;
+@define-color wm_button_min_active_bg #d9af5e;
 /*
 FIXME this is really an API */
 @define-color content_view_bg #eff1f5;
diff --git a/src/main/gtk-3.0/gtk.css b/src/main/gtk-3.0/gtk.css
index 9212704b..e5a090c5 100644
--- a/src/main/gtk-3.0/gtk.css
+++ b/src/main/gtk-3.0/gtk.css
@@ -12,10 +12,10 @@
 
 @keyframes ripple-on-headerbar {
   from {
-    background-image: radial-gradient(circle, #1e66f5 0%, transparent 0%);
+    background-image: radial-gradient(circle, #7287fd 0%, transparent 0%);
   }
   to {
-    background-image: radial-gradient(circle, #1e66f5 100%, transparent 0%);
+    background-image: radial-gradient(circle, #7287fd 100%, transparent 0%);
   }
 }
 
@@ -34,7 +34,7 @@
   outline-color: transparent;
   outline-offset: -4px;
   -gtk-outline-radius: 6px;
-  -gtk-secondary-caret-color: #1e66f5;
+  -gtk-secondary-caret-color: #7287fd;
 }
 
 *:focus {
@@ -48,14 +48,14 @@ XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical >
 }
 
 .nemo-window .view selection, .nemo-window .view:selected, .nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, flowbox flowboxchild:selected {
-  color: #1e66f5;
-  background-color: rgba(30, 102, 245, 0.2);
+  color: #7287fd;
+  background-color: rgba(114, 135, 253, 0.2);
 }
 
 .nemo-window .nemo-window-pane widget.entry:selected, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, .nautilus-window.background.csd notebook widget.view:selected, spinbutton.vertical selection, spinbutton:not(.vertical) selection,
 entry selection, label selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected {
   color: #eff1f5;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .linked:not(.vertical) > button, .linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry {
@@ -135,7 +135,7 @@ entry selection, label selection, textview text selection:focus, textview text s
 }
 
 .gtkstyle-fallback:selected {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -347,8 +347,8 @@ XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
 flowbox treeview.view flowbox .content-view rubberband,
 flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
 XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband {
-  border: 1px solid #1e66f5;
-  background-color: rgba(30, 102, 245, 0.3);
+  border: 1px solid #7287fd;
+  background-color: rgba(114, 135, 253, 0.3);
 }
 
 flowbox flowboxchild {
@@ -443,7 +443,7 @@ entry {
 spinbutton.vertical:focus, spinbutton:focus:not(.vertical),
 entry:focus {
   background-color: rgba(17, 17, 27, 0.04);
-  box-shadow: inset 0 0 0 2px #1e66f5;
+  box-shadow: inset 0 0 0 2px #7287fd;
 }
 
 spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical),
@@ -566,7 +566,7 @@ entry.warning:disabled {
 spinbutton.vertical progress, spinbutton:not(.vertical) progress,
 entry progress {
   margin: 2px -8px;
-  border-bottom: 2px solid #1e66f5;
+  border-bottom: 2px solid #7287fd;
   background-color: transparent;
 }
 
@@ -619,10 +619,10 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f
  ***********/
 @keyframes needs-attention {
   from {
-    background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1e66f5), to(transparent));
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#7287fd), to(transparent));
   }
   to {
-    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#1e66f5), to(transparent));
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#7287fd), to(transparent));
   }
 }
 
@@ -655,7 +655,7 @@ actionbar > revealer > box .linked > button:not(.suggested-action):not(.destruct
 }
 
 actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus {
-  box-shadow: 0 0 0 2px rgba(30, 102, 245, 0.35);
+  box-shadow: 0 0 0 2px rgba(114, 135, 253, 0.35);
 }
 
 actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover {
@@ -677,7 +677,7 @@ actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(
 }
 
 actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -851,17 +851,17 @@ button.osd {
   min-width: 24px;
   min-width: 24px;
   padding: 12px 16px;
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
 button.osd:hover {
-  background-color: #3777f5;
+  background-color: #8194fc;
   color: #eff1f5;
 }
 
 button.osd:active {
-  background-color: #548af5;
+  background-color: #93a3fb;
   color: #eff1f5;
 }
 
@@ -878,7 +878,7 @@ button.osd:disabled {
 }
 
 button.suggested-action {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
   box-shadow: none;
 }
@@ -890,24 +890,24 @@ button.suggested-action:disabled {
 }
 
 button.suggested-action:hover {
-  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(30, 102, 245, 0.2), 0 4px 3px 0 rgba(30, 102, 245, 0.14), 0 1px 6px 0 rgba(30, 102, 245, 0.12);
+  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(114, 135, 253, 0.2), 0 4px 3px 0 rgba(114, 135, 253, 0.14), 0 1px 6px 0 rgba(114, 135, 253, 0.12);
 }
 
 button.suggested-action:checked {
-  background-color: #5d90f5;
+  background-color: #98a7fb;
 }
 
 button.suggested-action:checked:hover {
-  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(30, 102, 245, 0.3), 0 2px 3px -1px rgba(30, 102, 245, 0.24), 0 2px 5px 0 rgba(30, 102, 245, 0.12);
+  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(114, 135, 253, 0.3), 0 2px 3px -1px rgba(114, 135, 253, 0.24), 0 2px 5px 0 rgba(114, 135, 253, 0.12);
 }
 
 button.suggested-action:focus {
-  box-shadow: 0 0 0 2px rgba(30, 102, 245, 0.35);
+  box-shadow: 0 0 0 2px rgba(114, 135, 253, 0.35);
 }
 
 button.suggested-action.flat {
   background-color: transparent;
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 button.suggested-action.flat:disabled {
@@ -917,7 +917,7 @@ button.suggested-action.flat:disabled {
 }
 
 button.suggested-action.flat:checked {
-  background-color: rgba(30, 102, 245, 0.3);
+  background-color: rgba(114, 135, 253, 0.3);
 }
 
 button.destructive-action {
@@ -1027,7 +1027,7 @@ button.color {
  * Links *
  *********/
 *:link {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 *:visited {
@@ -1035,7 +1035,7 @@ button.color {
 }
 
 button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active {
@@ -1225,7 +1225,7 @@ button.combo:only-child:hover {
 
 button.combo:only-child:checked {
   background-color: rgba(17, 17, 27, 0.04);
-  box-shadow: inset 0 0 0 2px #1e66f5;
+  box-shadow: inset 0 0 0 2px #7287fd;
 }
 
 button.combo:only-child:disabled {
@@ -1455,11 +1455,11 @@ searchbar > revealer > box {
 }
 
 .titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar {
@@ -1496,7 +1496,7 @@ searchbar > revealer > box {
   transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
   animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
   box-shadow: inset 0 1px rgba(239, 241, 245, 0.2), inset 0 -1px rgba(17, 17, 27, 0);
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -1557,7 +1557,7 @@ searchbar > revealer > box {
 
 .titlebar .selection-mode {
   box-shadow: inset 0 1px rgba(239, 241, 245, 0.2);
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar {
@@ -1806,7 +1806,7 @@ treeview.view.expander:disabled {
 treeview.view.progressbar {
   border: none;
   box-shadow: none;
-  background-color: #1e66f5;
+  background-color: #7287fd;
   background-image: none;
   border-radius: 9999px;
   color: #eff1f5;
@@ -1814,7 +1814,7 @@ treeview.view.progressbar {
 
 treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus {
   box-shadow: none;
-  background-color: rgba(28, 92, 219, 0.9805);
+  background-color: rgba(102, 121, 226, 0.9805);
   color: #eff1f5;
 }
 
@@ -1876,11 +1876,11 @@ treeview.view header.button.dnd {
   box-shadow: none;
   background-color: #eff1f5;
   background-clip: border-box;
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 treeview.view acceleditor > label {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 /*********
@@ -2502,7 +2502,7 @@ switch {
 }
 
 switch:checked {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 switch:disabled {
@@ -2598,28 +2598,28 @@ check:checked, check:indeterminate,
 radio:checked,
 radio:indeterminate {
   color: #eff1f5;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 check:checked:hover, check:indeterminate:hover,
 radio:checked:hover,
 radio:indeterminate:hover {
-  box-shadow: 0 0 0 6px rgba(30, 102, 245, 0.15);
-  background-color: #4f87f7;
+  box-shadow: 0 0 0 6px rgba(114, 135, 253, 0.15);
+  background-color: #a4b2fe;
 }
 
 check:checked:active, check:indeterminate:active,
 radio:checked:active,
 radio:indeterminate:active {
-  box-shadow: 0 0 0 6px rgba(30, 102, 245, 0.2);
-  background-color: #1e66f5;
+  box-shadow: 0 0 0 6px rgba(114, 135, 253, 0.2);
+  background-color: #7287fd;
 }
 
 check:checked:disabled, check:indeterminate:disabled,
 radio:checked:disabled,
 radio:indeterminate:disabled {
   color: rgba(239, 241, 245, 0.5);
-  background-color: rgba(30, 102, 245, 0.35);
+  background-color: rgba(114, 135, 253, 0.35);
 }
 
 popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
@@ -2733,7 +2733,7 @@ treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, tr
 }
 
 treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate, treeview.view:selected:focus radio:checked, treeview.view:selected:focus radio:indeterminate, treeview.view:selected:focus check:checked, treeview.view:selected:focus check:indeterminate {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
   background-image: none;
 }
@@ -2788,7 +2788,7 @@ scale trough:disabled {
 
 scale highlight {
   transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
-  background-image: image(#1e66f5);
+  background-image: image(#7287fd);
 }
 
 scale highlight:disabled {
@@ -2808,17 +2808,17 @@ scale fill:disabled {
 scale slider {
   transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
   border-radius: 9999px;
-  color: #1e66f5;
+  color: #7287fd;
   background-color: #eff1f5;
-  box-shadow: inset 0 0 0 2px #1e66f5;
+  box-shadow: inset 0 0 0 2px #7287fd;
 }
 
 scale slider:hover {
-  box-shadow: inset 0 0 0 2px #1e66f5, 0 0 0 8px rgba(17, 17, 27, 0.12);
+  box-shadow: inset 0 0 0 2px #7287fd, 0 0 0 8px rgba(17, 17, 27, 0.12);
 }
 
 scale slider:active {
-  box-shadow: inset 0 0 0 4px #1e66f5, 0 0 0 8px rgba(17, 17, 27, 0.12);
+  box-shadow: inset 0 0 0 4px #7287fd, 0 0 0 8px rgba(17, 17, 27, 0.12);
 }
 
 scale slider:disabled {
@@ -3130,7 +3130,7 @@ progressbar trough {
 
 progressbar progress {
   border-radius: 6px;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 progressbar.osd {
@@ -3144,7 +3144,7 @@ progressbar.osd trough {
 }
 
 progressbar.osd progress {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 progressbar trough.empty progress {
@@ -3187,7 +3187,7 @@ levelbar block.low {
 }
 
 levelbar block.high, levelbar block:not(.empty) {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 levelbar block.full {
@@ -3448,7 +3448,7 @@ row:selected:disabled label {
 }
 
 .app-notification button.text-button:not(:disabled) {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 .app-notification.frame,
@@ -3554,7 +3554,7 @@ messagedialog .dialog-action-box button:not(:last-child), messagedialog .dialog-
 }
 
 messagedialog .dialog-action-box button.suggested-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 messagedialog .dialog-action-box button.destructive-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) {
@@ -3647,7 +3647,7 @@ stacksidebar.sidebar row {
 }
 
 stacksidebar.sidebar row:selected {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
   font-weight: 500;
 }
@@ -3731,11 +3731,11 @@ placessidebar.sidebar row.sidebar-placeholder-row {
 }
 
 placessidebar.sidebar row.sidebar-new-bookmark-row {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 placessidebar.sidebar row:drop(active) {
@@ -3832,11 +3832,11 @@ infobar.info > revealer > box link:link, infobar.info:hover > revealer > box lin
 }
 
 infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -3849,7 +3849,7 @@ infobar.action > revealer > box button, infobar.action > revealer > box button:h
 }
 
 infobar.action:hover > revealer > box, infobar.question:hover > revealer > box {
-  background-color: #3677f6;
+  background-color: #8b9cfd;
 }
 
 infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
@@ -3969,7 +3969,7 @@ colorswatch overlay {
 }
 
 colorswatch overlay:hover {
-  box-shadow: 0 0 0 2px #1e66f5;
+  box-shadow: 0 0 0 2px #7287fd;
 }
 
 colorswatch#add-color-button {
@@ -4129,27 +4129,27 @@ button.minimize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructi
 }
 
 button.minimize.titlebutton:not(.suggested-action):not(.destructive-action) {
-  background-color: #df8e1d;
+  background-color: #e5c890;
 }
 
 button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
-  background-color: #e3a753;
+  background-color: #e8d2a9;
 }
 
 button.maximize.titlebutton:not(.suggested-action):not(.destructive-action) {
-  background-color: #40a02b;
+  background-color: #a6d189;
 }
 
 button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
-  background-color: #6cb45e;
+  background-color: #b8d9a4;
 }
 
 button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
-  background-color: #d20f39;
+  background-color: #e78284;
 }
 
 button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
-  background-color: #d94868;
+  background-color: #e99ea0;
 }
 
 #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
@@ -4189,7 +4189,7 @@ button.close.titlebutton:active:not(.suggested-action):not(.destructive-action)
  * Touch Copy & Paste *
  **********************/
 cursor-handle {
-  color: #1e66f5;
+  color: #7287fd;
   -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
 }
 
@@ -4226,7 +4226,7 @@ cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl)
 }
 
 :not(decoration):not(window):drop(active) {
-  caret-color: #1e66f5;
+  caret-color: #7287fd;
 }
 
 stackswitcher {
@@ -4297,7 +4297,7 @@ button.emoji-section {
 }
 
 button.emoji-section:checked {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 button.emoji-section:not(:last-child) {
@@ -4410,7 +4410,7 @@ popover.emoji-completion .emoji:hover {
   margin: 6px;
   border-style: none;
   border-radius: 6px;
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -4528,8 +4528,8 @@ popover.emoji-completion .emoji:hover {
 }
 
 .disk-space-display.used {
-  background-color: #1e66f5;
-  color: #1e66f5;
+  background-color: #7287fd;
+  color: #7287fd;
 }
 
 .disk-space-display.free {
@@ -5051,7 +5051,7 @@ window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked
 }
 
 .polari-room-list .sidebar > row.activatable:selected {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -5082,7 +5082,7 @@ layouttab {
   border-style: none solid;
   border-width: 1px;
   border-color: rgba(17, 17, 27, 0);
-  box-shadow: inset 0 -2px #1e66f5;
+  box-shadow: inset 0 -2px #7287fd;
   background-color: #eff1f5;
 }
 
@@ -5232,7 +5232,7 @@ docktab {
   border-width: 1px;
   border-color: transparent;
   box-shadow: inset 0 -2px transparent;
-  background-image: radial-gradient(circle, #1e66f5 10%, transparent 0%);
+  background-image: radial-gradient(circle, #7287fd 10%, transparent 0%);
   background-repeat: no-repeat;
   background-position: center;
   background-size: 0% 0%;
@@ -5247,7 +5247,7 @@ docktab:hover {
 
 docktab:checked {
   transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
-  box-shadow: inset 0 -2px #1e66f5;
+  box-shadow: inset 0 -2px #7287fd;
   background-color: transparent;
   background-image: radial-gradient(circle, transparent 10%, transparent 0%);
   background-size: 1000% 1000%;
@@ -5264,11 +5264,11 @@ dockoverlayedge docktabstrip {
 }
 
 dockoverlayedge.left-edge docktab:checked {
-  box-shadow: inset -2px 0 #1e66f5;
+  box-shadow: inset -2px 0 #7287fd;
 }
 
 dockoverlayedge.right-edge docktab:checked {
-  box-shadow: inset 2px 0 #1e66f5;
+  box-shadow: inset 2px 0 #7287fd;
 }
 
 pillbox {
@@ -5352,7 +5352,7 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button {
 }
 
 ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
-  background-image: radial-gradient(circle, rgba(30, 102, 245, 0.7) 10%, transparent 0%);
+  background-image: radial-gradient(circle, rgba(114, 135, 253, 0.7) 10%, transparent 0%);
 }
 
 ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
@@ -5365,7 +5365,7 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
 }
 
 ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
-  box-shadow: inset -2px 0 #1e66f5;
+  box-shadow: inset -2px 0 #7287fd;
 }
 
 ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
@@ -5373,7 +5373,7 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
 }
 
 ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
-  box-shadow: inset 2px 0 #1e66f5;
+  box-shadow: inset 2px 0 #7287fd;
 }
 
 ideeditorsidebar notebook header {
@@ -5399,7 +5399,7 @@ GdMainIconView.content-view {
   margin: 8px;
   border-radius: 9999px;
   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);
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
   font-weight: bold;
 }
@@ -5466,11 +5466,11 @@ overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
 }
 
 .side-panel .view:selected {
-  background-image: image(#1e66f5);
+  background-image: image(#7287fd);
 }
 
 .side-panel .view:selected:hover {
-  background-image: image(#2f71f5);
+  background-image: image(#7c8ffc);
 }
 
 .songs-list:hover {
@@ -5778,7 +5778,7 @@ window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer-
 
 .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:selected, .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:active {
   border-radius: 6px;
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -6008,7 +6008,7 @@ window.background.chromium > button {
 }
 
 window.background.chromium > button {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 window.background.chromium > button:disabled {
@@ -6025,7 +6025,7 @@ window.background.chromium headerbar button:active {
 }
 
 window.background.chromium spinner {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 window.background.chromium textview.view {
@@ -6033,7 +6033,7 @@ window.background.chromium textview.view {
 }
 
 window.background.chromium treeview.view.cell:selected:focus {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -6062,7 +6062,7 @@ tooltip.background.chromium {
 }
 
 #MozillaGtkWidget > widget text:selected {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -6096,8 +6096,8 @@ tooltip.background.chromium {
 }
 
 #MozillaGtkWidget > widget > entry:focus {
-  border-color: #1e66f5;
-  box-shadow: inset 0 0 0 1px #1e66f5;
+  border-color: #7287fd;
+  box-shadow: inset 0 0 0 1px #7287fd;
 }
 
 #MozillaGtkWidget > widget > entry:disabled {
@@ -6284,7 +6284,7 @@ UnityDecoration {
   -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
   -UnityDecoration-inactive-shadow-radius: 6px;
   -UnityDecoration-glow-size: 8px;
-  -UnityDecoration-glow-color: #1e66f5;
+  -UnityDecoration-glow-color: #7287fd;
   -UnityDecoration-title-indent: 4px;
   -UnityDecoration-title-fade: 32px;
   -UnityDecoration-title-alignment: 0.0;
@@ -6309,7 +6309,7 @@ UnityDecoration .menuitem {
 }
 
 UnityDecoration .menuitem:hover {
-  box-shadow: inset 0 -2px #1e66f5;
+  box-shadow: inset 0 -2px #7287fd;
   background-color: transparent;
   color: #eff1f5;
 }
@@ -6341,7 +6341,7 @@ UnityPanelWidget:backdrop,
 
 .unity-panel.menubar.menuitem:hover,
 .unity-panel.menubar .menuitem *:hover {
-  box-shadow: inset 0 -2px #1e66f5;
+  box-shadow: inset 0 -2px #7287fd;
   background-color: transparent;
   color: #eff1f5;
 }
@@ -6349,7 +6349,7 @@ UnityPanelWidget:backdrop,
 .menu IdoPlaybackMenuItem.menuitem:active {
   -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
   animation: spin 1s linear infinite;
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 /**************
@@ -6459,7 +6459,7 @@ MatePanelAppletFrameDBus {
 
 PanelApplet.wnck-applet .wnck-pager {
   background-color: transparent;
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 PanelApplet.wnck-applet .wnck-pager:hover {
@@ -6471,7 +6471,7 @@ PanelApplet.wnck-applet .wnck-pager:active {
 }
 
 PanelApplet.wnck-applet .wnck-pager:selected {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .mate-panel-menu-bar.horizontal #clock-applet-button label {
@@ -6615,7 +6615,7 @@ na-tray-applet {
 }
 
 .brisk-menu .categories-list button:checked {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 .brisk-menu .session-button {
@@ -6795,7 +6795,7 @@ na-tray-applet {
 }
 
 .lock-dialog button:not(:disabled) {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 /* multimedia OSD */
@@ -6812,7 +6812,7 @@ MsdOsdWindow.background.osd .trough {
 
 MsdOsdWindow.background.osd .progressbar {
   border-radius: 0;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 /******************
@@ -7575,7 +7575,7 @@ wnck-pager:active {
 }
 
 wnck-pager:selected {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 XfdesktopIconView.view {
@@ -7787,7 +7787,7 @@ menubar.-vala-panel-background > menuitem:disabled {
 }
 
 #buttonbox_frame button:not(:disabled) {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 /********
@@ -7869,7 +7869,7 @@ menubar.-vala-panel-background > menuitem:disabled {
 
 .places-treeview {
   -NemoPlacesTreeView-disk-full-bg-color: rgba(184, 185, 191, 0.961);
-  -NemoPlacesTreeView-disk-full-fg-color: #1e66f5;
+  -NemoPlacesTreeView-disk-full-fg-color: #7287fd;
   -NemoPlacesTreeView-disk-full-bar-width: 2px;
   -NemoPlacesTreeView-disk-full-bar-radius: 0;
   -NemoPlacesTreeView-disk-full-bottom-padding: 1px;
@@ -7895,7 +7895,7 @@ text widgets and the like base background color */
 @define-color theme_base_color #eff1f5;
 /*
 base background color of selections */
-@define-color theme_selected_bg_color #1e66f5;
+@define-color theme_selected_bg_color #7287fd;
 /*
 text/foreground color of selections */
 @define-color theme_selected_fg_color #eff1f5;
@@ -7922,7 +7922,7 @@ text widgets and the like base background color on backdrop windows */
 @define-color theme_unfocused_base_color #eff1f5;
 /*
 base background color of selections on backdrop windows */
-@define-color theme_unfocused_selected_bg_color #1e66f5;
+@define-color theme_unfocused_selected_bg_color #7287fd;
 /*
 text/foreground color of selections on backdrop windows */
 @define-color theme_unfocused_selected_fg_color #eff1f5;
@@ -7950,12 +7950,12 @@ read if you used those and something break with a version upgrade you're on your
 @define-color wm_bg #11111b;
 @define-color wm_unfocused_bg #1e1e2e;
 @define-color wm_button_icon white;
-@define-color wm_button_close_hover_bg #d20f39;
-@define-color wm_button_close_active_bg #990b29;
-@define-color wm_button_max_hover_bg #40a02b;
-@define-color wm_button_max_active_bg #2d701e;
-@define-color wm_button_min_hover_bg #df8e1d;
-@define-color wm_button_min_active_bg #a96c16;
+@define-color wm_button_close_hover_bg #e78284;
+@define-color wm_button_close_active_bg #dd4f51;
+@define-color wm_button_max_hover_bg #a6d189;
+@define-color wm_button_max_active_bg #85c05d;
+@define-color wm_button_min_hover_bg #e5c890;
+@define-color wm_button_min_active_bg #d9af5e;
 /*
 FIXME this is really an API */
 @define-color content_view_bg #eff1f5;
diff --git a/src/main/gtk-4.0/gtk-Dark.css b/src/main/gtk-4.0/gtk-Dark.css
index 8816547d..792214fc 100644
--- a/src/main/gtk-4.0/gtk-Dark.css
+++ b/src/main/gtk-4.0/gtk-Dark.css
@@ -57,8 +57,8 @@ rubberband, .content-view rubberband, .content-view columnview.view > rubberband
 .content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband,
 treeview.view > rubberband,
 .content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband {
-  border: 1px solid #8caaee;
-  background-color: rgba(140, 170, 238, 0.3);
+  border: 1px solid #b4befe;
+  background-color: rgba(180, 190, 254, 0.3);
 }
 
 flowbox > flowboxchild {
@@ -263,7 +263,7 @@ entry {
 
 entry:focus-within {
   background-color: rgba(239, 241, 245, 0.08);
-  box-shadow: inset 0 0 0 2px #8caaee;
+  box-shadow: inset 0 0 0 2px #b4befe;
 }
 
 
@@ -387,7 +387,7 @@ entry.warning:disabled {
 entry > progress,
 entry progress > trough > progress {
   margin: 2px -8px;
-  border-bottom: 2px solid #8caaee;
+  border-bottom: 2px solid #b4befe;
   background-color: transparent;
 }
 
@@ -447,10 +447,10 @@ editablelabel > stack > text {
  ***********/
 @keyframes needs-attention {
   from {
-    background-image: radial-gradient(farthest-side, #8caaee 0%, rgba(140, 170, 238, 0) 0%);
+    background-image: radial-gradient(farthest-side, #b4befe 0%, rgba(180, 190, 254, 0) 0%);
   }
   to {
-    background-image: radial-gradient(farthest-side, #8caaee 95%, rgba(140, 170, 238, 0));
+    background-image: radial-gradient(farthest-side, #b4befe 95%, rgba(180, 190, 254, 0));
   }
 }
 
@@ -479,7 +479,7 @@ actionbar > revealer > box .linked > button:not(.suggested-action):not(.destruct
 }
 
 actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus {
-  box-shadow: 0 0 0 2px rgba(140, 170, 238, 0.35);
+  box-shadow: 0 0 0 2px rgba(180, 190, 254, 0.35);
 }
 
 actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover {
@@ -499,7 +499,7 @@ actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(
 }
 
 actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked {
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
 }
 
@@ -764,7 +764,7 @@ button.osd:disabled {
 }
 
 button.suggested-action {
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
   box-shadow: none;
 }
@@ -776,24 +776,24 @@ button.suggested-action:disabled {
 }
 
 button.suggested-action:hover {
-  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(140, 170, 238, 0.2), 0 4px 3px 0 rgba(140, 170, 238, 0.14), 0 1px 6px 0 rgba(140, 170, 238, 0.12);
+  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(180, 190, 254, 0.2), 0 4px 3px 0 rgba(180, 190, 254, 0.14), 0 1px 6px 0 rgba(180, 190, 254, 0.12);
 }
 
 button.suggested-action:checked {
-  background-color: rgba(109, 132, 186, 0.961);
+  background-color: rgba(140, 147, 198, 0.961);
 }
 
 button.suggested-action:checked:hover {
-  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(140, 170, 238, 0.3), 0 2px 3px -1px rgba(140, 170, 238, 0.24), 0 2px 5px 0 rgba(140, 170, 238, 0.12);
+  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(180, 190, 254, 0.3), 0 2px 3px -1px rgba(180, 190, 254, 0.24), 0 2px 5px 0 rgba(180, 190, 254, 0.12);
 }
 
 button.suggested-action:focus {
-  box-shadow: 0 0 0 2px rgba(140, 170, 238, 0.35);
+  box-shadow: 0 0 0 2px rgba(180, 190, 254, 0.35);
 }
 
 button.suggested-action.flat {
   background-color: transparent;
-  color: #8caaee;
+  color: #b4befe;
 }
 
 button.suggested-action.flat:disabled {
@@ -803,7 +803,7 @@ button.suggested-action.flat:disabled {
 }
 
 button.suggested-action.flat:checked {
-  background-color: rgba(140, 170, 238, 0.3);
+  background-color: rgba(180, 190, 254, 0.3);
 }
 
 button.destructive-action {
@@ -894,7 +894,7 @@ menubutton.osd {
 }
 
 menubutton.suggested-action {
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: white;
 }
 
@@ -1023,7 +1023,7 @@ splitbutton.flat > menubutton > button {
 }
 
 splitbutton.suggested-action {
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: white;
 }
 
@@ -1170,7 +1170,7 @@ list > row button.image-button:not(.flat):checked {
 
 
 list > row button.image-button:not(.flat).suggested-action {
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
 }
 
@@ -1184,7 +1184,7 @@ list > row button.image-button:not(.flat).destructive-action {
  * Links *
  *********/
 link {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 link:visited {
@@ -1192,7 +1192,7 @@ link:visited {
 }
 
 button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active {
@@ -1219,7 +1219,7 @@ spinbutton {
 
 spinbutton:focus-within {
   background-color: rgba(239, 241, 245, 0.08);
-  box-shadow: inset 0 0 0 2px #8caaee;
+  box-shadow: inset 0 0 0 2px #b4befe;
 }
 
 spinbutton:disabled {
@@ -1742,8 +1742,8 @@ headerbar button.suggested-action:disabled, headerbar button.destructive-action:
 
 headerbar.selection-mode {
   transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
-  box-shadow: inset 0 1px rgba(239, 241, 245, 0.2);
-  background-color: #8caaee;
+  box-shadow: inset 0 1px rgba(239, 241, 245, 0.15);
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
 }
 
@@ -1765,8 +1765,8 @@ headerbar.selection-mode .selection-menu .arrow {
 }
 
 headerbar .selection-mode {
-  box-shadow: inset 0 1px rgba(239, 241, 245, 0.2);
-  background-color: #8caaee;
+  box-shadow: inset 0 1px rgba(239, 241, 245, 0.15);
+  background-color: #b4befe;
 }
 
 headerbar.default-decoration {
@@ -1796,7 +1796,7 @@ headerbar.default-decoration windowcontrols menubutton button {
 }
 
 window.devel headerbar.titlebar {
-  background: #11111b 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, #171724 3px, #1b1b2b);
+  background: #11111b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(180, 190, 254, 0.1)), linear-gradient(to top, #171724 3px, #1b1b2b);
 }
 
 window.devel headerbar.titlebar:backdrop {
@@ -1876,7 +1876,7 @@ indicatorbin > mask {
 }
 
 indicatorbin.needs-attention > indicator {
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 indicatorbin.needs-attention > indicator > label {
@@ -2011,7 +2011,7 @@ treeview.view.expander:disabled {
 
 columnview.view.progressbar,
 treeview.view.progressbar {
-  border-bottom: 6px solid #8caaee;
+  border-bottom: 6px solid #b4befe;
   box-shadow: none;
   background-color: transparent;
   background-image: none;
@@ -2073,12 +2073,12 @@ treeview.view header.button.dnd {
   box-shadow: none;
   background-color: #1e1e2e;
   background-clip: border-box;
-  color: #8caaee;
+  color: #b4befe;
 }
 
 columnview.view acceleditor > label,
 treeview.view acceleditor > label {
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 stack.view treeview.view {
@@ -2511,11 +2511,11 @@ tabbar undershoot.right {
 }
 
 tabbar .needs-attention-left undershoot.left {
-  background: linear-gradient(to right, alpha(#8caaee, 0.5), alpha(#8caaee, 0.3) 1px, alpha(#8caaee, 0) 20px);
+  background: linear-gradient(to right, alpha(#b4befe, 0.5), alpha(#b4befe, 0.3) 1px, alpha(#b4befe, 0) 20px);
 }
 
 tabbar .needs-attention-right undershoot.right {
-  background: linear-gradient(to left, alpha(#8caaee, 0.5), alpha(#8caaee, 0.3) 1px, alpha(#8caaee, 0) 20px);
+  background: linear-gradient(to left, alpha(#b4befe, 0.5), alpha(#b4befe, 0.3) 1px, alpha(#b4befe, 0) 20px);
 }
 
 tabbar tabbox {
@@ -2531,11 +2531,11 @@ tabbar tabbox > background {
 }
 
 tabbar tab.needs-attention {
-  background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#8caaee, 0.4) 10%, alpha(#8caaee, 0) 30%);
+  background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#b4befe, 0.4) 10%, alpha(#b4befe, 0) 30%);
 }
 
 tabbar tab.needs-attention:hover {
-  background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#8caaee, 0.4) 10%, alpha(#8caaee, 0) 30%);
+  background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#b4befe, 0.4) 10%, alpha(#b4befe, 0) 30%);
 }
 
 tabbar .start-action,
@@ -2576,11 +2576,11 @@ tabbar:not(.inline) undershoot.right {
 }
 
 tabbar:not(.inline) .needs-attention-left undershoot.left {
-  background: linear-gradient(to right, alpha(#8caaee, 0.5), alpha(#8caaee, 0.3) 1px, alpha(#8caaee, 0) 20px);
+  background: linear-gradient(to right, alpha(#b4befe, 0.5), alpha(#b4befe, 0.3) 1px, alpha(#b4befe, 0) 20px);
 }
 
 tabbar:not(.inline) .needs-attention-right undershoot.right {
-  background: linear-gradient(to left, alpha(#8caaee, 0.5), alpha(#8caaee, 0.3) 1px, alpha(#8caaee, 0) 20px);
+  background: linear-gradient(to left, alpha(#b4befe, 0.5), alpha(#b4befe, 0.3) 1px, alpha(#b4befe, 0) 20px);
 }
 
 tabbar:not(.inline) tabbox > background {
@@ -2609,7 +2609,7 @@ dnd tab {
 }
 
 dnd tab.needs-attention {
-  background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#8caaee, 0.4) 10%, alpha(#8caaee, 0) 30%);
+  background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#b4befe, 0.4) 10%, alpha(#b4befe, 0) 30%);
 }
 
 tabbar tab,
@@ -2792,7 +2792,7 @@ switch {
 }
 
 switch:checked {
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 switch:disabled {
@@ -2889,28 +2889,28 @@ check:checked, check:indeterminate,
 radio:checked,
 radio:indeterminate {
   color: rgba(17, 17, 27, 0.87);
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 check:checked:hover, check:indeterminate:hover,
 radio:checked:hover,
 radio:indeterminate:hover {
-  box-shadow: 0 0 0 6px rgba(140, 170, 238, 0.15);
-  background-color: #b8cbf5;
+  box-shadow: 0 0 0 6px rgba(180, 190, 254, 0.15);
+  background-color: #e6eaff;
 }
 
 check:checked:active, check:indeterminate:active,
 radio:checked:active,
 radio:indeterminate:active {
-  box-shadow: 0 0 0 6px rgba(140, 170, 238, 0.2);
-  background-color: #8caaee;
+  box-shadow: 0 0 0 6px rgba(180, 190, 254, 0.2);
+  background-color: #b4befe;
 }
 
 check:checked:disabled, check:indeterminate:disabled,
 radio:checked:disabled,
 radio:indeterminate:disabled {
   color: rgba(17, 17, 27, 0.6);
-  background-color: rgba(140, 170, 238, 0.35);
+  background-color: rgba(180, 190, 254, 0.35);
 }
 
 popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
@@ -3105,7 +3105,7 @@ scale trough:disabled {
 
 scale highlight {
   transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
-  background-image: image(#8caaee);
+  background-image: image(#b4befe);
 }
 
 scale highlight:disabled {
@@ -3125,17 +3125,17 @@ scale fill:disabled {
 scale slider {
   transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
   border-radius: 9999px;
-  color: #8caaee;
+  color: #b4befe;
   background-color: #1e1e2e;
-  box-shadow: inset 0 0 0 2px #8caaee;
+  box-shadow: inset 0 0 0 2px #b4befe;
 }
 
 scale slider:hover {
-  box-shadow: inset 0 0 0 2px #8caaee, 0 0 0 8px rgba(239, 241, 245, 0.12);
+  box-shadow: inset 0 0 0 2px #b4befe, 0 0 0 8px rgba(239, 241, 245, 0.12);
 }
 
 scale slider:active {
-  box-shadow: inset 0 0 0 4px #8caaee, 0 0 0 8px rgba(239, 241, 245, 0.12);
+  box-shadow: inset 0 0 0 4px #b4befe, 0 0 0 8px rgba(239, 241, 245, 0.12);
 }
 
 scale slider:disabled {
@@ -3439,7 +3439,7 @@ progressbar trough {
 
 progressbar progress {
   border-radius: 6px;
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 progressbar.osd {
@@ -3453,7 +3453,7 @@ progressbar.osd trough {
 }
 
 progressbar.osd progress {
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 progressbar trough.empty progress {
@@ -3496,7 +3496,7 @@ levelbar block.low {
 }
 
 levelbar block.high, levelbar block:not(.empty) {
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 levelbar block.full {
@@ -3909,12 +3909,12 @@ columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
 }
 
 columnview row:not(:selected) cell editablelabel.editing:focus-within {
-  outline: 2px solid #8caaee;
+  outline: 2px solid #b4befe;
 }
 
 columnview row:not(:selected) cell editablelabel.editing text selection {
   color: rgba(17, 17, 27, 0.87);
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 .rich-list {
@@ -3942,7 +3942,7 @@ columnview row:not(:selected) cell editablelabel.editing text selection {
 }
 
 .app-notification button.text-button:not(:disabled) {
-  color: #8caaee;
+  color: #b4befe;
 }
 
 .app-notification.frame,
@@ -4084,7 +4084,7 @@ window.dialog.message .dialog-action-area > button:not(:last-child) {
 }
 
 window.dialog.message .dialog-action-area > button:not(:disabled) {
-  color: #8caaee;
+  color: #b4befe;
 }
 
 window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) {
@@ -4321,11 +4321,11 @@ placessidebar.sidebar row.sidebar-placeholder-row {
 }
 
 placessidebar.sidebar row.sidebar-new-bookmark-row {
-  color: #8caaee;
+  color: #b4befe;
 }
 
 placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
-  color: #8caaee;
+  color: #b4befe;
 }
 
 placessidebar.sidebar row:drop(active) {
@@ -4440,11 +4440,11 @@ infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info
 }
 
 infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
-  color: #8caaee;
+  color: #b4befe;
 }
 
 infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box {
-  background-color: #8caaee;
+  background-color: #b4befe;
   color: rgba(17, 17, 27, 0.87);
 }
 
@@ -4457,7 +4457,7 @@ infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box
 }
 
 infobar.action:hover > revealer > box, infobar.question:hover > revealer > box {
-  background-color: #769aeb;
+  background-color: #9ba8fe;
 }
 
 infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
@@ -4569,7 +4569,7 @@ colorswatch.light {
 
 colorchooser colorswatch:hover {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
-  box-shadow: 0 0 0 2px #8caaee;
+  box-shadow: 0 0 0 2px #b4befe;
 }
 
 colorswatch#add-color-button {
@@ -4709,27 +4709,27 @@ windowcontrols button.minimize:backdrop:hover:not(.suggested-action):not(.destru
 }
 
 windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) {
-  background-color: #df8e1d;
+  background-color: #e5c890;
 }
 
 windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action) {
-  background-color: #e3a753;
+  background-color: #e8d2a9;
 }
 
 windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) {
-  background-color: #40a02b;
+  background-color: #a6d189;
 }
 
 windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action) {
-  background-color: #6cb45e;
+  background-color: #b8d9a4;
 }
 
 windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
-  background-color: #d20f39;
+  background-color: #e78284;
 }
 
 windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
-  background-color: #d94868;
+  background-color: #e99ea0;
 }
 
 windowcontrols {
@@ -4752,14 +4752,14 @@ treeview.view:selected, row:selected, calendar:selected, calendar > grid > label
 }
 
 flowbox > flowboxchild:selected, calendar > grid > label.today {
-  color: #8caaee;
-  background-color: rgba(140, 170, 238, 0.2);
+  color: #b4befe;
+  background-color: rgba(180, 190, 254, 0.2);
 }
 
 textview text selection:focus, textview text selection, label > selection,
 entry > text > selection, calendar > grid > label.today:selected {
   color: rgba(17, 17, 27, 0.87);
-  background-color: #8caaee;
+  background-color: #b4befe;
 }
 
 .monospace {
@@ -4770,7 +4770,7 @@ entry > text > selection, calendar > grid > label.today:selected {
  * Touch Copy & Paste *
  **********************/
 cursor-handle {
-  color: #8caaee;
+  color: #b4befe;
   -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
 }
 
@@ -4807,7 +4807,7 @@ shortcut > .keycap {
 }
 
 :not(decoration):not(window):drop(active) {
-  caret-color: #8caaee;
+  caret-color: #b4befe;
 }
 
 stackswitcher {
@@ -4900,7 +4900,7 @@ button.emoji-section {
 }
 
 button.emoji-section:checked {
-  color: #8caaee;
+  color: #b4befe;
 }
 
 popover.emoji-picker emoji {
@@ -5112,7 +5112,7 @@ text widgets and the like base background color */
 @define-color theme_base_color #1e1e2e;
 /*
 base background color of selections */
-@define-color theme_selected_bg_color #8caaee;
+@define-color theme_selected_bg_color #b4befe;
 /*
 text/foreground color of selections */
 @define-color theme_selected_fg_color rgba(17, 17, 27, 0.87);
@@ -5139,7 +5139,7 @@ text widgets and the like base background color on backdrop windows */
 @define-color theme_unfocused_base_color #1e1e2e;
 /*
 base background color of selections on backdrop windows */
-@define-color theme_unfocused_selected_bg_color #8caaee;
+@define-color theme_unfocused_selected_bg_color #b4befe;
 /*
 text/foreground color of selections on backdrop windows */
 @define-color theme_unfocused_selected_fg_color rgba(17, 17, 27, 0.87);
@@ -5167,12 +5167,12 @@ read if you used those and something break with a version upgrade you're on your
 @define-color wm_bg #11111b;
 @define-color wm_unfocused_bg #1e1e2e;
 @define-color wm_button_icon white;
-@define-color wm_button_close_hover_bg #d20f39;
-@define-color wm_button_close_active_bg #990b29;
-@define-color wm_button_max_hover_bg #40a02b;
-@define-color wm_button_max_active_bg #2d701e;
-@define-color wm_button_min_hover_bg #df8e1d;
-@define-color wm_button_min_active_bg #a96c16;
+@define-color wm_button_close_hover_bg #e78284;
+@define-color wm_button_close_active_bg #dd4f51;
+@define-color wm_button_max_hover_bg #a6d189;
+@define-color wm_button_max_active_bg #85c05d;
+@define-color wm_button_min_hover_bg #e5c890;
+@define-color wm_button_min_active_bg #d9af5e;
 /*
 FIXME this is really an API */
 @define-color content_view_bg #1e1e2e;
diff --git a/src/main/gtk-4.0/gtk-Light.css b/src/main/gtk-4.0/gtk-Light.css
index b9b3777a..ae295085 100644
--- a/src/main/gtk-4.0/gtk-Light.css
+++ b/src/main/gtk-4.0/gtk-Light.css
@@ -57,8 +57,8 @@ rubberband, .content-view rubberband, .content-view columnview.view > rubberband
 .content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband,
 treeview.view > rubberband,
 .content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband {
-  border: 1px solid #1e66f5;
-  background-color: rgba(30, 102, 245, 0.3);
+  border: 1px solid #7287fd;
+  background-color: rgba(114, 135, 253, 0.3);
 }
 
 flowbox > flowboxchild {
@@ -263,7 +263,7 @@ entry {
 
 entry:focus-within {
   background-color: rgba(17, 17, 27, 0.04);
-  box-shadow: inset 0 0 0 2px #1e66f5;
+  box-shadow: inset 0 0 0 2px #7287fd;
 }
 
 
@@ -387,7 +387,7 @@ entry.warning:disabled {
 entry > progress,
 entry progress > trough > progress {
   margin: 2px -8px;
-  border-bottom: 2px solid #1e66f5;
+  border-bottom: 2px solid #7287fd;
   background-color: transparent;
 }
 
@@ -447,10 +447,10 @@ editablelabel > stack > text {
  ***********/
 @keyframes needs-attention {
   from {
-    background-image: radial-gradient(farthest-side, #1e66f5 0%, rgba(30, 102, 245, 0) 0%);
+    background-image: radial-gradient(farthest-side, #7287fd 0%, rgba(114, 135, 253, 0) 0%);
   }
   to {
-    background-image: radial-gradient(farthest-side, #1e66f5 95%, rgba(30, 102, 245, 0));
+    background-image: radial-gradient(farthest-side, #7287fd 95%, rgba(114, 135, 253, 0));
   }
 }
 
@@ -479,7 +479,7 @@ actionbar > revealer > box .linked > button:not(.suggested-action):not(.destruct
 }
 
 actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus {
-  box-shadow: 0 0 0 2px rgba(30, 102, 245, 0.35);
+  box-shadow: 0 0 0 2px rgba(114, 135, 253, 0.35);
 }
 
 actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover {
@@ -499,7 +499,7 @@ actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(
 }
 
 actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -764,7 +764,7 @@ button.osd:disabled {
 }
 
 button.suggested-action {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
   box-shadow: none;
 }
@@ -776,24 +776,24 @@ button.suggested-action:disabled {
 }
 
 button.suggested-action:hover {
-  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(30, 102, 245, 0.2), 0 4px 3px 0 rgba(30, 102, 245, 0.14), 0 1px 6px 0 rgba(30, 102, 245, 0.12);
+  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(114, 135, 253, 0.2), 0 4px 3px 0 rgba(114, 135, 253, 0.14), 0 1px 6px 0 rgba(114, 135, 253, 0.12);
 }
 
 button.suggested-action:checked {
-  background-color: #5d90f5;
+  background-color: #98a7fb;
 }
 
 button.suggested-action:checked:hover {
-  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(30, 102, 245, 0.3), 0 2px 3px -1px rgba(30, 102, 245, 0.24), 0 2px 5px 0 rgba(30, 102, 245, 0.12);
+  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(114, 135, 253, 0.3), 0 2px 3px -1px rgba(114, 135, 253, 0.24), 0 2px 5px 0 rgba(114, 135, 253, 0.12);
 }
 
 button.suggested-action:focus {
-  box-shadow: 0 0 0 2px rgba(30, 102, 245, 0.35);
+  box-shadow: 0 0 0 2px rgba(114, 135, 253, 0.35);
 }
 
 button.suggested-action.flat {
   background-color: transparent;
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 button.suggested-action.flat:disabled {
@@ -803,7 +803,7 @@ button.suggested-action.flat:disabled {
 }
 
 button.suggested-action.flat:checked {
-  background-color: rgba(30, 102, 245, 0.3);
+  background-color: rgba(114, 135, 253, 0.3);
 }
 
 button.destructive-action {
@@ -894,7 +894,7 @@ menubutton.osd {
 }
 
 menubutton.suggested-action {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: white;
 }
 
@@ -1023,7 +1023,7 @@ splitbutton.flat > menubutton > button {
 }
 
 splitbutton.suggested-action {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: white;
 }
 
@@ -1170,7 +1170,7 @@ list > row button.image-button:not(.flat):checked {
 
 
 list > row button.image-button:not(.flat).suggested-action {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -1184,7 +1184,7 @@ list > row button.image-button:not(.flat).destructive-action {
  * Links *
  *********/
 link {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 link:visited {
@@ -1192,7 +1192,7 @@ link:visited {
 }
 
 button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active {
@@ -1219,7 +1219,7 @@ spinbutton {
 
 spinbutton:focus-within {
   background-color: rgba(17, 17, 27, 0.04);
-  box-shadow: inset 0 0 0 2px #1e66f5;
+  box-shadow: inset 0 0 0 2px #7287fd;
 }
 
 spinbutton:disabled {
@@ -1743,7 +1743,7 @@ headerbar button.suggested-action:disabled, headerbar button.destructive-action:
 headerbar.selection-mode {
   transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
   box-shadow: inset 0 1px rgba(239, 241, 245, 0.2);
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -1766,7 +1766,7 @@ headerbar.selection-mode .selection-menu .arrow {
 
 headerbar .selection-mode {
   box-shadow: inset 0 1px rgba(239, 241, 245, 0.2);
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 headerbar.default-decoration {
@@ -1796,7 +1796,7 @@ headerbar.default-decoration windowcontrols menubutton button {
 }
 
 window.devel headerbar.titlebar {
-  background: #e6e9ef cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(30, 102, 245, 0.2)), linear-gradient(to top, #dde1e9, #e6e9ef 3px, #f9f9fb);
+  background: #e6e9ef cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(114, 135, 253, 0.2)), linear-gradient(to top, #dde1e9, #e6e9ef 3px, #f9f9fb);
 }
 
 window.devel headerbar.titlebar:backdrop {
@@ -1876,7 +1876,7 @@ indicatorbin > mask {
 }
 
 indicatorbin.needs-attention > indicator {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 indicatorbin.needs-attention > indicator > label {
@@ -2011,7 +2011,7 @@ treeview.view.expander:disabled {
 
 columnview.view.progressbar,
 treeview.view.progressbar {
-  border-bottom: 6px solid #1e66f5;
+  border-bottom: 6px solid #7287fd;
   box-shadow: none;
   background-color: transparent;
   background-image: none;
@@ -2073,12 +2073,12 @@ treeview.view header.button.dnd {
   box-shadow: none;
   background-color: #eff1f5;
   background-clip: border-box;
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 columnview.view acceleditor > label,
 treeview.view acceleditor > label {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 stack.view treeview.view {
@@ -2519,11 +2519,11 @@ tabbar undershoot.right {
 }
 
 tabbar .needs-attention-left undershoot.left {
-  background: linear-gradient(to right, alpha(#1e66f5, 0.5), alpha(#1e66f5, 0.3) 1px, alpha(#1e66f5, 0) 20px);
+  background: linear-gradient(to right, alpha(#7287fd, 0.5), alpha(#7287fd, 0.3) 1px, alpha(#7287fd, 0) 20px);
 }
 
 tabbar .needs-attention-right undershoot.right {
-  background: linear-gradient(to left, alpha(#1e66f5, 0.5), alpha(#1e66f5, 0.3) 1px, alpha(#1e66f5, 0) 20px);
+  background: linear-gradient(to left, alpha(#7287fd, 0.5), alpha(#7287fd, 0.3) 1px, alpha(#7287fd, 0) 20px);
 }
 
 tabbar tabbox {
@@ -2539,11 +2539,11 @@ tabbar tabbox > background {
 }
 
 tabbar tab.needs-attention {
-  background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#1e66f5, 0.4) 10%, alpha(#1e66f5, 0) 30%);
+  background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#7287fd, 0.4) 10%, alpha(#7287fd, 0) 30%);
 }
 
 tabbar tab.needs-attention:hover {
-  background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#1e66f5, 0.4) 10%, alpha(#1e66f5, 0) 30%);
+  background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#7287fd, 0.4) 10%, alpha(#7287fd, 0) 30%);
 }
 
 tabbar .start-action,
@@ -2584,11 +2584,11 @@ tabbar:not(.inline) undershoot.right {
 }
 
 tabbar:not(.inline) .needs-attention-left undershoot.left {
-  background: linear-gradient(to right, alpha(#1e66f5, 0.5), alpha(#1e66f5, 0.3) 1px, alpha(#1e66f5, 0) 20px);
+  background: linear-gradient(to right, alpha(#7287fd, 0.5), alpha(#7287fd, 0.3) 1px, alpha(#7287fd, 0) 20px);
 }
 
 tabbar:not(.inline) .needs-attention-right undershoot.right {
-  background: linear-gradient(to left, alpha(#1e66f5, 0.5), alpha(#1e66f5, 0.3) 1px, alpha(#1e66f5, 0) 20px);
+  background: linear-gradient(to left, alpha(#7287fd, 0.5), alpha(#7287fd, 0.3) 1px, alpha(#7287fd, 0) 20px);
 }
 
 tabbar:not(.inline) tabbox > background {
@@ -2617,7 +2617,7 @@ dnd tab {
 }
 
 dnd tab.needs-attention {
-  background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#1e66f5, 0.4) 10%, alpha(#1e66f5, 0) 30%);
+  background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#7287fd, 0.4) 10%, alpha(#7287fd, 0) 30%);
 }
 
 tabbar tab,
@@ -2800,7 +2800,7 @@ switch {
 }
 
 switch:checked {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 switch:disabled {
@@ -2897,28 +2897,28 @@ check:checked, check:indeterminate,
 radio:checked,
 radio:indeterminate {
   color: #eff1f5;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 check:checked:hover, check:indeterminate:hover,
 radio:checked:hover,
 radio:indeterminate:hover {
-  box-shadow: 0 0 0 6px rgba(30, 102, 245, 0.15);
-  background-color: #4f87f7;
+  box-shadow: 0 0 0 6px rgba(114, 135, 253, 0.15);
+  background-color: #a4b2fe;
 }
 
 check:checked:active, check:indeterminate:active,
 radio:checked:active,
 radio:indeterminate:active {
-  box-shadow: 0 0 0 6px rgba(30, 102, 245, 0.2);
-  background-color: #1e66f5;
+  box-shadow: 0 0 0 6px rgba(114, 135, 253, 0.2);
+  background-color: #7287fd;
 }
 
 check:checked:disabled, check:indeterminate:disabled,
 radio:checked:disabled,
 radio:indeterminate:disabled {
   color: rgba(239, 241, 245, 0.7);
-  background-color: rgba(30, 102, 245, 0.35);
+  background-color: rgba(114, 135, 253, 0.35);
 }
 
 popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
@@ -3113,7 +3113,7 @@ scale trough:disabled {
 
 scale highlight {
   transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
-  background-image: image(#1e66f5);
+  background-image: image(#7287fd);
 }
 
 scale highlight:disabled {
@@ -3133,17 +3133,17 @@ scale fill:disabled {
 scale slider {
   transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
   border-radius: 9999px;
-  color: #1e66f5;
+  color: #7287fd;
   background-color: #eff1f5;
-  box-shadow: inset 0 0 0 2px #1e66f5;
+  box-shadow: inset 0 0 0 2px #7287fd;
 }
 
 scale slider:hover {
-  box-shadow: inset 0 0 0 2px #1e66f5, 0 0 0 8px rgba(17, 17, 27, 0.12);
+  box-shadow: inset 0 0 0 2px #7287fd, 0 0 0 8px rgba(17, 17, 27, 0.12);
 }
 
 scale slider:active {
-  box-shadow: inset 0 0 0 4px #1e66f5, 0 0 0 8px rgba(17, 17, 27, 0.12);
+  box-shadow: inset 0 0 0 4px #7287fd, 0 0 0 8px rgba(17, 17, 27, 0.12);
 }
 
 scale slider:disabled {
@@ -3447,7 +3447,7 @@ progressbar trough {
 
 progressbar progress {
   border-radius: 6px;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 progressbar.osd {
@@ -3461,7 +3461,7 @@ progressbar.osd trough {
 }
 
 progressbar.osd progress {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 progressbar trough.empty progress {
@@ -3504,7 +3504,7 @@ levelbar block.low {
 }
 
 levelbar block.high, levelbar block:not(.empty) {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 levelbar block.full {
@@ -3917,12 +3917,12 @@ columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
 }
 
 columnview row:not(:selected) cell editablelabel.editing:focus-within {
-  outline: 2px solid #1e66f5;
+  outline: 2px solid #7287fd;
 }
 
 columnview row:not(:selected) cell editablelabel.editing text selection {
   color: #eff1f5;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .rich-list {
@@ -3950,7 +3950,7 @@ columnview row:not(:selected) cell editablelabel.editing text selection {
 }
 
 .app-notification button.text-button:not(:disabled) {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 .app-notification.frame,
@@ -4092,7 +4092,7 @@ window.dialog.message .dialog-action-area > button:not(:last-child) {
 }
 
 window.dialog.message .dialog-action-area > button:not(:disabled) {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) {
@@ -4329,11 +4329,11 @@ placessidebar.sidebar row.sidebar-placeholder-row {
 }
 
 placessidebar.sidebar row.sidebar-new-bookmark-row {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 placessidebar.sidebar row:drop(active) {
@@ -4448,11 +4448,11 @@ infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info
 }
 
 infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -4465,7 +4465,7 @@ infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box
 }
 
 infobar.action:hover > revealer > box, infobar.question:hover > revealer > box {
-  background-color: #3677f6;
+  background-color: #8b9cfd;
 }
 
 infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
@@ -4577,7 +4577,7 @@ colorswatch.light {
 
 colorchooser colorswatch:hover {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
-  box-shadow: 0 0 0 2px #1e66f5;
+  box-shadow: 0 0 0 2px #7287fd;
 }
 
 colorswatch#add-color-button {
@@ -4717,27 +4717,27 @@ windowcontrols button.minimize:backdrop:hover:not(.suggested-action):not(.destru
 }
 
 windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) {
-  background-color: #df8e1d;
+  background-color: #e5c890;
 }
 
 windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action) {
-  background-color: rgba(181, 116, 29, 0.9675);
+  background-color: rgba(186, 163, 120, 0.9675);
 }
 
 windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) {
-  background-color: #40a02b;
+  background-color: #a6d189;
 }
 
 windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action) {
-  background-color: rgba(54, 131, 40, 0.9675);
+  background-color: rgba(136, 170, 115, 0.9675);
 }
 
 windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
-  background-color: #d20f39;
+  background-color: #e78284;
 }
 
 windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
-  background-color: rgba(171, 15, 51, 0.9675);
+  background-color: rgba(187, 107, 111, 0.9675);
 }
 
 windowcontrols {
@@ -4760,14 +4760,14 @@ treeview.view:selected, row:selected, calendar:selected, calendar > grid > label
 }
 
 flowbox > flowboxchild:selected, calendar > grid > label.today {
-  color: #1e66f5;
-  background-color: rgba(30, 102, 245, 0.2);
+  color: #7287fd;
+  background-color: rgba(114, 135, 253, 0.2);
 }
 
 textview text selection:focus, textview text selection, label > selection,
 entry > text > selection, calendar > grid > label.today:selected {
   color: #eff1f5;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .monospace {
@@ -4778,7 +4778,7 @@ entry > text > selection, calendar > grid > label.today:selected {
  * Touch Copy & Paste *
  **********************/
 cursor-handle {
-  color: #1e66f5;
+  color: #7287fd;
   -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
 }
 
@@ -4815,7 +4815,7 @@ shortcut > .keycap {
 }
 
 :not(decoration):not(window):drop(active) {
-  caret-color: #1e66f5;
+  caret-color: #7287fd;
 }
 
 stackswitcher {
@@ -4908,7 +4908,7 @@ button.emoji-section {
 }
 
 button.emoji-section:checked {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 popover.emoji-picker emoji {
@@ -5120,7 +5120,7 @@ text widgets and the like base background color */
 @define-color theme_base_color #eff1f5;
 /*
 base background color of selections */
-@define-color theme_selected_bg_color #1e66f5;
+@define-color theme_selected_bg_color #7287fd;
 /*
 text/foreground color of selections */
 @define-color theme_selected_fg_color #eff1f5;
@@ -5147,7 +5147,7 @@ text widgets and the like base background color on backdrop windows */
 @define-color theme_unfocused_base_color #eff1f5;
 /*
 base background color of selections on backdrop windows */
-@define-color theme_unfocused_selected_bg_color #1e66f5;
+@define-color theme_unfocused_selected_bg_color #7287fd;
 /*
 text/foreground color of selections on backdrop windows */
 @define-color theme_unfocused_selected_fg_color #eff1f5;
@@ -5175,12 +5175,12 @@ read if you used those and something break with a version upgrade you're on your
 @define-color wm_bg #e6e9ef;
 @define-color wm_unfocused_bg #dce0e8;
 @define-color wm_button_icon white;
-@define-color wm_button_close_hover_bg #d20f39;
-@define-color wm_button_close_active_bg #990b29;
-@define-color wm_button_max_hover_bg #40a02b;
-@define-color wm_button_max_active_bg #2d701e;
-@define-color wm_button_min_hover_bg #df8e1d;
-@define-color wm_button_min_active_bg #a96c16;
+@define-color wm_button_close_hover_bg #e78284;
+@define-color wm_button_close_active_bg #dd4f51;
+@define-color wm_button_max_hover_bg #a6d189;
+@define-color wm_button_max_active_bg #85c05d;
+@define-color wm_button_min_hover_bg #e5c890;
+@define-color wm_button_min_active_bg #d9af5e;
 /*
 FIXME this is really an API */
 @define-color content_view_bg #eff1f5;
diff --git a/src/main/gtk-4.0/gtk.css b/src/main/gtk-4.0/gtk.css
index c00669e8..35f1fa21 100644
--- a/src/main/gtk-4.0/gtk.css
+++ b/src/main/gtk-4.0/gtk.css
@@ -57,8 +57,8 @@ rubberband, .content-view rubberband, .content-view columnview.view > rubberband
 .content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband,
 treeview.view > rubberband,
 .content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband {
-  border: 1px solid #1e66f5;
-  background-color: rgba(30, 102, 245, 0.3);
+  border: 1px solid #7287fd;
+  background-color: rgba(114, 135, 253, 0.3);
 }
 
 flowbox > flowboxchild {
@@ -263,7 +263,7 @@ entry {
 
 entry:focus-within {
   background-color: rgba(17, 17, 27, 0.04);
-  box-shadow: inset 0 0 0 2px #1e66f5;
+  box-shadow: inset 0 0 0 2px #7287fd;
 }
 
 
@@ -387,7 +387,7 @@ entry.warning:disabled {
 entry > progress,
 entry progress > trough > progress {
   margin: 2px -8px;
-  border-bottom: 2px solid #1e66f5;
+  border-bottom: 2px solid #7287fd;
   background-color: transparent;
 }
 
@@ -447,10 +447,10 @@ editablelabel > stack > text {
  ***********/
 @keyframes needs-attention {
   from {
-    background-image: radial-gradient(farthest-side, #1e66f5 0%, rgba(30, 102, 245, 0) 0%);
+    background-image: radial-gradient(farthest-side, #7287fd 0%, rgba(114, 135, 253, 0) 0%);
   }
   to {
-    background-image: radial-gradient(farthest-side, #1e66f5 95%, rgba(30, 102, 245, 0));
+    background-image: radial-gradient(farthest-side, #7287fd 95%, rgba(114, 135, 253, 0));
   }
 }
 
@@ -479,7 +479,7 @@ actionbar > revealer > box .linked > button:not(.suggested-action):not(.destruct
 }
 
 actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus {
-  box-shadow: 0 0 0 2px rgba(30, 102, 245, 0.35);
+  box-shadow: 0 0 0 2px rgba(114, 135, 253, 0.35);
 }
 
 actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover {
@@ -499,7 +499,7 @@ actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(
 }
 
 actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -764,7 +764,7 @@ button.osd:disabled {
 }
 
 button.suggested-action {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
   box-shadow: none;
 }
@@ -776,24 +776,24 @@ button.suggested-action:disabled {
 }
 
 button.suggested-action:hover {
-  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(30, 102, 245, 0.2), 0 4px 3px 0 rgba(30, 102, 245, 0.14), 0 1px 6px 0 rgba(30, 102, 245, 0.12);
+  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(114, 135, 253, 0.2), 0 4px 3px 0 rgba(114, 135, 253, 0.14), 0 1px 6px 0 rgba(114, 135, 253, 0.12);
 }
 
 button.suggested-action:checked {
-  background-color: #5d90f5;
+  background-color: #98a7fb;
 }
 
 button.suggested-action:checked:hover {
-  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(30, 102, 245, 0.3), 0 2px 3px -1px rgba(30, 102, 245, 0.24), 0 2px 5px 0 rgba(30, 102, 245, 0.12);
+  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(114, 135, 253, 0.3), 0 2px 3px -1px rgba(114, 135, 253, 0.24), 0 2px 5px 0 rgba(114, 135, 253, 0.12);
 }
 
 button.suggested-action:focus {
-  box-shadow: 0 0 0 2px rgba(30, 102, 245, 0.35);
+  box-shadow: 0 0 0 2px rgba(114, 135, 253, 0.35);
 }
 
 button.suggested-action.flat {
   background-color: transparent;
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 button.suggested-action.flat:disabled {
@@ -803,7 +803,7 @@ button.suggested-action.flat:disabled {
 }
 
 button.suggested-action.flat:checked {
-  background-color: rgba(30, 102, 245, 0.3);
+  background-color: rgba(114, 135, 253, 0.3);
 }
 
 button.destructive-action {
@@ -894,7 +894,7 @@ menubutton.osd {
 }
 
 menubutton.suggested-action {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: white;
 }
 
@@ -1023,7 +1023,7 @@ splitbutton.flat > menubutton > button {
 }
 
 splitbutton.suggested-action {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: white;
 }
 
@@ -1170,7 +1170,7 @@ list > row button.image-button:not(.flat):checked {
 
 
 list > row button.image-button:not(.flat).suggested-action {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -1184,7 +1184,7 @@ list > row button.image-button:not(.flat).destructive-action {
  * Links *
  *********/
 link {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 link:visited {
@@ -1192,7 +1192,7 @@ link:visited {
 }
 
 button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active {
@@ -1219,7 +1219,7 @@ spinbutton {
 
 spinbutton:focus-within {
   background-color: rgba(17, 17, 27, 0.04);
-  box-shadow: inset 0 0 0 2px #1e66f5;
+  box-shadow: inset 0 0 0 2px #7287fd;
 }
 
 spinbutton:disabled {
@@ -1752,7 +1752,7 @@ headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):no
 headerbar.selection-mode {
   transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
   box-shadow: inset 0 1px rgba(239, 241, 245, 0.2);
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -1775,7 +1775,7 @@ headerbar.selection-mode .selection-menu .arrow {
 
 headerbar .selection-mode {
   box-shadow: inset 0 1px rgba(239, 241, 245, 0.2);
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 headerbar.default-decoration {
@@ -1805,7 +1805,7 @@ headerbar.default-decoration windowcontrols menubutton button {
 }
 
 window.devel headerbar.titlebar {
-  background: #11111b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(30, 102, 245, 0.2)), linear-gradient(to top, #0b0b12, #11111b 3px, #1d1d2e);
+  background: #11111b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(114, 135, 253, 0.2)), linear-gradient(to top, #0b0b12, #11111b 3px, #1d1d2e);
 }
 
 window.devel headerbar.titlebar:backdrop {
@@ -1885,7 +1885,7 @@ indicatorbin > mask {
 }
 
 indicatorbin.needs-attention > indicator {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 indicatorbin.needs-attention > indicator > label {
@@ -2020,7 +2020,7 @@ treeview.view.expander:disabled {
 
 columnview.view.progressbar,
 treeview.view.progressbar {
-  border-bottom: 6px solid #1e66f5;
+  border-bottom: 6px solid #7287fd;
   box-shadow: none;
   background-color: transparent;
   background-image: none;
@@ -2082,12 +2082,12 @@ treeview.view header.button.dnd {
   box-shadow: none;
   background-color: #eff1f5;
   background-clip: border-box;
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 columnview.view acceleditor > label,
 treeview.view acceleditor > label {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 stack.view treeview.view {
@@ -2528,11 +2528,11 @@ tabbar undershoot.right {
 }
 
 tabbar .needs-attention-left undershoot.left {
-  background: linear-gradient(to right, alpha(#1e66f5, 0.5), alpha(#1e66f5, 0.3) 1px, alpha(#1e66f5, 0) 20px);
+  background: linear-gradient(to right, alpha(#7287fd, 0.5), alpha(#7287fd, 0.3) 1px, alpha(#7287fd, 0) 20px);
 }
 
 tabbar .needs-attention-right undershoot.right {
-  background: linear-gradient(to left, alpha(#1e66f5, 0.5), alpha(#1e66f5, 0.3) 1px, alpha(#1e66f5, 0) 20px);
+  background: linear-gradient(to left, alpha(#7287fd, 0.5), alpha(#7287fd, 0.3) 1px, alpha(#7287fd, 0) 20px);
 }
 
 tabbar tabbox {
@@ -2548,11 +2548,11 @@ tabbar tabbox > background {
 }
 
 tabbar tab.needs-attention {
-  background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#1e66f5, 0.4) 10%, alpha(#1e66f5, 0) 30%);
+  background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#7287fd, 0.4) 10%, alpha(#7287fd, 0) 30%);
 }
 
 tabbar tab.needs-attention:hover {
-  background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#1e66f5, 0.4) 10%, alpha(#1e66f5, 0) 30%);
+  background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#7287fd, 0.4) 10%, alpha(#7287fd, 0) 30%);
 }
 
 tabbar .start-action,
@@ -2593,11 +2593,11 @@ tabbar:not(.inline) undershoot.right {
 }
 
 tabbar:not(.inline) .needs-attention-left undershoot.left {
-  background: linear-gradient(to right, alpha(#1e66f5, 0.5), alpha(#1e66f5, 0.3) 1px, alpha(#1e66f5, 0) 20px);
+  background: linear-gradient(to right, alpha(#7287fd, 0.5), alpha(#7287fd, 0.3) 1px, alpha(#7287fd, 0) 20px);
 }
 
 tabbar:not(.inline) .needs-attention-right undershoot.right {
-  background: linear-gradient(to left, alpha(#1e66f5, 0.5), alpha(#1e66f5, 0.3) 1px, alpha(#1e66f5, 0) 20px);
+  background: linear-gradient(to left, alpha(#7287fd, 0.5), alpha(#7287fd, 0.3) 1px, alpha(#7287fd, 0) 20px);
 }
 
 tabbar:not(.inline) tabbox > background {
@@ -2626,7 +2626,7 @@ dnd tab {
 }
 
 dnd tab.needs-attention {
-  background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#1e66f5, 0.4) 10%, alpha(#1e66f5, 0) 30%);
+  background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#7287fd, 0.4) 10%, alpha(#7287fd, 0) 30%);
 }
 
 tabbar tab,
@@ -2809,7 +2809,7 @@ switch {
 }
 
 switch:checked {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 switch:disabled {
@@ -2906,28 +2906,28 @@ check:checked, check:indeterminate,
 radio:checked,
 radio:indeterminate {
   color: #eff1f5;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 check:checked:hover, check:indeterminate:hover,
 radio:checked:hover,
 radio:indeterminate:hover {
-  box-shadow: 0 0 0 6px rgba(30, 102, 245, 0.15);
-  background-color: #4f87f7;
+  box-shadow: 0 0 0 6px rgba(114, 135, 253, 0.15);
+  background-color: #a4b2fe;
 }
 
 check:checked:active, check:indeterminate:active,
 radio:checked:active,
 radio:indeterminate:active {
-  box-shadow: 0 0 0 6px rgba(30, 102, 245, 0.2);
-  background-color: #1e66f5;
+  box-shadow: 0 0 0 6px rgba(114, 135, 253, 0.2);
+  background-color: #7287fd;
 }
 
 check:checked:disabled, check:indeterminate:disabled,
 radio:checked:disabled,
 radio:indeterminate:disabled {
   color: rgba(239, 241, 245, 0.7);
-  background-color: rgba(30, 102, 245, 0.35);
+  background-color: rgba(114, 135, 253, 0.35);
 }
 
 popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
@@ -3122,7 +3122,7 @@ scale trough:disabled {
 
 scale highlight {
   transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
-  background-image: image(#1e66f5);
+  background-image: image(#7287fd);
 }
 
 scale highlight:disabled {
@@ -3142,17 +3142,17 @@ scale fill:disabled {
 scale slider {
   transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
   border-radius: 9999px;
-  color: #1e66f5;
+  color: #7287fd;
   background-color: #eff1f5;
-  box-shadow: inset 0 0 0 2px #1e66f5;
+  box-shadow: inset 0 0 0 2px #7287fd;
 }
 
 scale slider:hover {
-  box-shadow: inset 0 0 0 2px #1e66f5, 0 0 0 8px rgba(17, 17, 27, 0.12);
+  box-shadow: inset 0 0 0 2px #7287fd, 0 0 0 8px rgba(17, 17, 27, 0.12);
 }
 
 scale slider:active {
-  box-shadow: inset 0 0 0 4px #1e66f5, 0 0 0 8px rgba(17, 17, 27, 0.12);
+  box-shadow: inset 0 0 0 4px #7287fd, 0 0 0 8px rgba(17, 17, 27, 0.12);
 }
 
 scale slider:disabled {
@@ -3456,7 +3456,7 @@ progressbar trough {
 
 progressbar progress {
   border-radius: 6px;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 progressbar.osd {
@@ -3470,7 +3470,7 @@ progressbar.osd trough {
 }
 
 progressbar.osd progress {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 progressbar trough.empty progress {
@@ -3513,7 +3513,7 @@ levelbar block.low {
 }
 
 levelbar block.high, levelbar block:not(.empty) {
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 levelbar block.full {
@@ -3926,12 +3926,12 @@ columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
 }
 
 columnview row:not(:selected) cell editablelabel.editing:focus-within {
-  outline: 2px solid #1e66f5;
+  outline: 2px solid #7287fd;
 }
 
 columnview row:not(:selected) cell editablelabel.editing text selection {
   color: #eff1f5;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .rich-list {
@@ -3959,7 +3959,7 @@ columnview row:not(:selected) cell editablelabel.editing text selection {
 }
 
 .app-notification button.text-button:not(:disabled) {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 .app-notification.frame,
@@ -4101,7 +4101,7 @@ window.dialog.message .dialog-action-area > button:not(:last-child) {
 }
 
 window.dialog.message .dialog-action-area > button:not(:disabled) {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) {
@@ -4338,11 +4338,11 @@ placessidebar.sidebar row.sidebar-placeholder-row {
 }
 
 placessidebar.sidebar row.sidebar-new-bookmark-row {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 placessidebar.sidebar row:drop(active) {
@@ -4457,11 +4457,11 @@ infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info
 }
 
 infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box {
-  background-color: #1e66f5;
+  background-color: #7287fd;
   color: #eff1f5;
 }
 
@@ -4474,7 +4474,7 @@ infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box
 }
 
 infobar.action:hover > revealer > box, infobar.question:hover > revealer > box {
-  background-color: #3677f6;
+  background-color: #8b9cfd;
 }
 
 infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
@@ -4586,7 +4586,7 @@ colorswatch.light {
 
 colorchooser colorswatch:hover {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
-  box-shadow: 0 0 0 2px #1e66f5;
+  box-shadow: 0 0 0 2px #7287fd;
 }
 
 colorswatch#add-color-button {
@@ -4726,27 +4726,27 @@ windowcontrols button.minimize:backdrop:hover:not(.suggested-action):not(.destru
 }
 
 windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) {
-  background-color: #df8e1d;
+  background-color: #e5c890;
 }
 
 windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action) {
-  background-color: #e3a753;
+  background-color: #e8d2a9;
 }
 
 windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) {
-  background-color: #40a02b;
+  background-color: #a6d189;
 }
 
 windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action) {
-  background-color: #6cb45e;
+  background-color: #b8d9a4;
 }
 
 windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
-  background-color: #d20f39;
+  background-color: #e78284;
 }
 
 windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
-  background-color: #d94868;
+  background-color: #e99ea0;
 }
 
 windowcontrols {
@@ -4769,14 +4769,14 @@ treeview.view:selected, row:selected, calendar:selected, calendar > grid > label
 }
 
 flowbox > flowboxchild:selected, calendar > grid > label.today {
-  color: #1e66f5;
-  background-color: rgba(30, 102, 245, 0.2);
+  color: #7287fd;
+  background-color: rgba(114, 135, 253, 0.2);
 }
 
 textview text selection:focus, textview text selection, label > selection,
 entry > text > selection, calendar > grid > label.today:selected {
   color: #eff1f5;
-  background-color: #1e66f5;
+  background-color: #7287fd;
 }
 
 .monospace {
@@ -4787,7 +4787,7 @@ entry > text > selection, calendar > grid > label.today:selected {
  * Touch Copy & Paste *
  **********************/
 cursor-handle {
-  color: #1e66f5;
+  color: #7287fd;
   -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
 }
 
@@ -4824,7 +4824,7 @@ shortcut > .keycap {
 }
 
 :not(decoration):not(window):drop(active) {
-  caret-color: #1e66f5;
+  caret-color: #7287fd;
 }
 
 stackswitcher {
@@ -4917,7 +4917,7 @@ button.emoji-section {
 }
 
 button.emoji-section:checked {
-  color: #1e66f5;
+  color: #7287fd;
 }
 
 popover.emoji-picker emoji {
@@ -5129,7 +5129,7 @@ text widgets and the like base background color */
 @define-color theme_base_color #eff1f5;
 /*
 base background color of selections */
-@define-color theme_selected_bg_color #1e66f5;
+@define-color theme_selected_bg_color #7287fd;
 /*
 text/foreground color of selections */
 @define-color theme_selected_fg_color #eff1f5;
@@ -5156,7 +5156,7 @@ text widgets and the like base background color on backdrop windows */
 @define-color theme_unfocused_base_color #eff1f5;
 /*
 base background color of selections on backdrop windows */
-@define-color theme_unfocused_selected_bg_color #1e66f5;
+@define-color theme_unfocused_selected_bg_color #7287fd;
 /*
 text/foreground color of selections on backdrop windows */
 @define-color theme_unfocused_selected_fg_color #eff1f5;
@@ -5184,12 +5184,12 @@ read if you used those and something break with a version upgrade you're on your
 @define-color wm_bg #11111b;
 @define-color wm_unfocused_bg #1e1e2e;
 @define-color wm_button_icon white;
-@define-color wm_button_close_hover_bg #d20f39;
-@define-color wm_button_close_active_bg #990b29;
-@define-color wm_button_max_hover_bg #40a02b;
-@define-color wm_button_max_active_bg #2d701e;
-@define-color wm_button_min_hover_bg #df8e1d;
-@define-color wm_button_min_active_bg #a96c16;
+@define-color wm_button_close_hover_bg #e78284;
+@define-color wm_button_close_active_bg #dd4f51;
+@define-color wm_button_max_hover_bg #a6d189;
+@define-color wm_button_max_active_bg #85c05d;
+@define-color wm_button_min_hover_bg #e5c890;
+@define-color wm_button_min_active_bg #d9af5e;
 /*
 FIXME this is really an API */
 @define-color content_view_bg #eff1f5;
diff --git a/src/sass/_color-palette-default.scss b/src/sass/_color-palette-default.scss
index bc49d222..89f31e56 100644
--- a/src/sass/_color-palette-default.scss
+++ b/src/sass/_color-palette-default.scss
@@ -13,12 +13,12 @@ $purple-light: #ca9ee6;
 $purple-dark: #8839ef;
 
 // Blue
-$blue-light: #8caaee;
-$blue-dark: #1e66f5;
+$blue-light: #b4befe;
+$blue-dark: #7287fd;
 
 // Teal
-$teal-light: #81c8be;
-$teal-dark: #179299;
+$teal-light: #b4befe;
+$teal-dark: #7287fd;
 
 // Green
 $green-light: #a6d189;