From 4e0e9b9d9f2c6703b5e8f2eed00454af9d5b30bc Mon Sep 17 00:00:00 2001
From: EliverLara <eliverlara@gmail.com>
Date: Thu, 23 Aug 2018 13:31:40 -0500
Subject: [PATCH] Update gnome-shell accent color

---
 gnome-shell/_colors.scss    |  10 +-
 gnome-shell/_common.scss    |   8 +-
 gnome-shell/gnome-shell.css | 266 ++++++++++++++++++------------------
 3 files changed, 142 insertions(+), 142 deletions(-)

diff --git a/gnome-shell/_colors.scss b/gnome-shell/_colors.scss
index f5a062d..aa8a9cc 100644
--- a/gnome-shell/_colors.scss
+++ b/gnome-shell/_colors.scss
@@ -1,8 +1,8 @@
-$base_color:#1E282C;
-$bg_color: transparentize( #222e39, 0.07);
-$gray: lighten(#222e39, 15%);
+$base_color:#181b28;
+$bg_color: transparentize( #161925, 0.07);
+$gray: lighten(#161925, 15%);
 $fg_color: #98abb2;
-$dracula: #222e39;
+$dracula: #161925;
 $topbar_color: #98abb2;
 
 $lime: #84ff39;
@@ -12,7 +12,7 @@ $cyan: #00e8c6;
 $yellow: #FED766;
 
 $selected_fg_color: #f7f7f7;
-$selected_bg_color:#00e8b7;
+$selected_bg_color:#c50ed2;
 $selected_borders_color: darken($selected_bg_color, 10%);
 $borders_color: transparentize($gray, 0.7);
 $borders_edge: transparentize(white, 0.9);
diff --git a/gnome-shell/_common.scss b/gnome-shell/_common.scss
index d06d675..8e93b9c 100644
--- a/gnome-shell/_common.scss
+++ b/gnome-shell/_common.scss
@@ -1439,11 +1439,11 @@ StScrollBar {
   }
 
   .app-well-app-running-dot { //running apps indicator
-    width: 4px; height: 4px;
-    background-color: rgb(0, 255, 221);
+    width: 5px; height: 5px;
+    background-color: lighten( $selected_bg_color, 25%);
     border-radius: 10px !important;
-    box-shadow: 0px 0px 5px 4px transparentize(rgb(0, 255, 221),0.2);
-    margin-bottom: 2px;
+    box-shadow: 0px 0px 5px 4px transparentize( $selected_bg_color,0.2);
+    margin-bottom: 0px;
   }
 
   %icon_tile {
diff --git a/gnome-shell/gnome-shell.css b/gnome-shell/gnome-shell.css
index 4060c18..93aaf5a 100644
--- a/gnome-shell/gnome-shell.css
+++ b/gnome-shell/gnome-shell.css
@@ -12,7 +12,7 @@ stage {
 /* Buttons */
 .button {
   color: #98abb2;
-  background-color: rgba(24, 33, 41, 0.93);
+  background-color: rgba(12, 14, 21, 0.93);
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 2px 3px rgba(0, 0, 0, 0.22);
   border: none;
   text-shadow: 0 1px black;
@@ -25,24 +25,24 @@ stage {
     text-shadow: 0 1px black;
     icon-shadow: 0 1px black;
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
-    border: 1px solid rgba(0, 232, 183, 0.3); }
+    border: 1px solid rgba(197, 14, 210, 0.3); }
   .button:insensitive {
-    color: rgba(97, 113, 122, 0.965);
-    background-color: rgba(48, 61, 72, 0.597);
+    color: rgba(92, 103, 112, 0.965);
+    background-color: rgba(38, 43, 54, 0.597);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 2px 3px rgba(0, 0, 0, 0.22);
     border: none;
     text-shadow: none;
     icon-shadow: none; }
   .button:active {
-    color: #00e8b7;
-    background-color: rgba(34, 46, 57, 0.88);
+    color: #c50ed2;
+    background-color: rgba(22, 25, 37, 0.88);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
     border: none;
     text-shadow: none;
     icon-shadow: none; }
   .button:hover {
-    color: #00e8b7;
-    background-color: rgba(53, 72, 89, 0.88);
+    color: #c50ed2;
+    background-color: rgba(41, 47, 69, 0.88);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
     border: none;
     text-shadow: 0 1px black;
@@ -56,15 +56,15 @@ stage {
   text-shadow: none;
   icon-shadow: none; }
   .modal-dialog-linked-button:insensitive {
-    color: rgba(97, 113, 122, 0.965);
-    background-color: rgba(48, 61, 72, 0.597);
+    color: rgba(92, 103, 112, 0.965);
+    background-color: rgba(38, 43, 54, 0.597);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 2px 3px rgba(0, 0, 0, 0.22);
     border: none;
     text-shadow: none;
     icon-shadow: none; }
   .modal-dialog-linked-button:active {
-    color: #00e8b7;
-    background-color: rgba(34, 46, 57, 0.88);
+    color: #c50ed2;
+    background-color: rgba(22, 25, 37, 0.88);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
     border: none;
     text-shadow: none;
@@ -74,16 +74,16 @@ stage {
     text-shadow: 0 1px black;
     icon-shadow: 0 1px black;
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
-    border: 1px solid rgba(0, 232, 183, 0.3); }
+    border: 1px solid rgba(197, 14, 210, 0.3); }
     .modal-dialog-linked-button:focus:hover {
       color: #98abb2;
       text-shadow: 0 1px black;
       icon-shadow: 0 1px black;
       box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
-      border: 1px solid rgba(0, 232, 183, 0.3); }
+      border: 1px solid rgba(197, 14, 210, 0.3); }
   .modal-dialog-linked-button:hover {
-    color: #00e8b7;
-    background-color: rgba(53, 72, 89, 0.88);
+    color: #c50ed2;
+    background-color: rgba(41, 47, 69, 0.88);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
     border: none;
     text-shadow: 0 1px black;
@@ -98,19 +98,19 @@ stage {
 
 /* Entries */
 StEntry {
-  background-color: rgba(63, 85, 105, 0.5);
-  border-color: rgba(63, 85, 105, 0.3);
+  background-color: rgba(51, 57, 85, 0.5);
+  border-color: rgba(51, 57, 85, 0.3);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.22);
   border-radius: 2px;
   padding: 4px;
   border-width: 0;
   color: #98abb2;
-  selection-background-color: #00e8b7;
+  selection-background-color: #c50ed2;
   selected-color: #f7f7f7; }
   StEntry:focus {
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.22); }
   StEntry:insensitive {
-    color: rgba(97, 113, 122, 0.965);
+    color: rgba(92, 103, 112, 0.965);
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.22); }
   StEntry StIcon.capslock-warning {
     icon-size: 16px;
@@ -134,12 +134,12 @@ StScrollBar {
     background-color: transparent; }
   StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
     border-radius: 8px;
-    background-color: rgba(60, 74, 84, 0.944);
+    background-color: rgba(51, 58, 68, 0.944);
     margin: 3px; }
     StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
-      background-color: rgba(131, 149, 156, 0.986); }
+      background-color: rgba(129, 145, 153, 0.986); }
     StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
-      background-color: #00e8b7; }
+      background-color: #c50ed2; }
 
 /* Slider */
 .slider {
@@ -147,9 +147,9 @@ StScrollBar {
   color: #f7f7f7;
   border-color: black;
   -slider-height: 0.3em;
-  -slider-background-color: #3f5569;
+  -slider-background-color: #333955;
   -slider-border-color: black;
-  -slider-active-background-color: #00e8b7;
+  -slider-active-background-color: #c50ed2;
   -slider-active-border-color: #84ff39;
   -slider-border-width: 0;
   -slider-handle-radius: 6px; }
@@ -208,7 +208,7 @@ StScrollBar {
   border: none;
   border-radius: 2px;
   color: #98abb2;
-  background-color: rgba(24, 33, 41, 0.88);
+  background-color: rgba(12, 14, 21, 0.88);
   box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); }
   .modal-dialog .modal-dialog-content-box {
     padding: 24px; }
@@ -441,7 +441,7 @@ StScrollBar {
   border: 1px solid #98abb2;
   border-radius: 12px; }
   .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus {
-    background-color: #00e8b7; }
+    background-color: #c50ed2; }
 
 .audio-selection-device-box {
   padding: 20px;
@@ -495,18 +495,18 @@ StScrollBar {
     .popup-menu .popup-menu-item:rtl {
       padding: .4em 0em .4em 1.75em; }
     .popup-menu .popup-menu-item:checked {
-      background-color: rgba(0, 232, 183, 0.9);
+      background-color: rgba(197, 14, 210, 0.9);
       color: #f7f7f7;
-      box-shadow: inset 0 1px 0px rgba(72, 98, 121, 0.3);
+      box-shadow: inset 0 1px 0px rgba(60, 68, 101, 0.3);
       font-weight: bold; }
       .popup-menu .popup-menu-item:checked:hover {
-        background-color: rgba(0, 232, 183, 0.9);
+        background-color: rgba(197, 14, 210, 0.9);
         color: #f7f7f7; }
     .popup-menu .popup-menu-item.selected {
       background-color: rgba(152, 171, 178, 0.1);
       color: #98abb2; }
     .popup-menu .popup-menu-item:active {
-      background-color: #00e8b7;
+      background-color: #c50ed2;
       color: #f7f7f7; }
     .popup-menu .popup-menu-item:insensitive {
       color: rgba(152, 171, 178, 0.5); }
@@ -525,9 +525,9 @@ StScrollBar {
 .popup-menu-boxpointer,
 .candidate-popup-boxpointer {
   -arrow-border-radius: 3px;
-  -arrow-background-color: rgba(34, 46, 57, 0.93);
+  -arrow-background-color: rgba(22, 25, 37, 0.93);
   -arrow-border-width: 1px;
-  -arrow-border-color: rgba(63, 85, 105, 0.3);
+  -arrow-border-color: rgba(51, 57, 85, 0.3);
   -arrow-base: 24px;
   -arrow-rise: 11px;
   -arrow-box-shadow: 0 1px 3px black; }
@@ -561,10 +561,10 @@ StScrollBar {
   .osd-window .level {
     height: 0.4em;
     border-radius: 0.3em;
-    background-color: rgba(63, 85, 105, 0.5);
+    background-color: rgba(51, 57, 85, 0.5);
     color: #98abb2; }
   .osd-window .level-bar {
-    background-color: #00e8b7;
+    background-color: #c50ed2;
     border-radius: 0.3em; }
 
 /* Pad OSD */
@@ -593,10 +593,10 @@ StScrollBar {
 
 .switcher-list .item-box:outlined {
   padding: 6px;
-  border: 2px solid rgba(44, 59, 73, 0.3); }
+  border: 2px solid rgba(32, 36, 53, 0.3); }
 
 .switcher-list .item-box:selected {
-  background-color: #00e8b7;
+  background-color: #c50ed2;
   color: #f7f7f7; }
 
 .switcher-list .thumbnail-box {
@@ -608,7 +608,7 @@ StScrollBar {
 
 .switcher-list .separator {
   width: 1px;
-  background: rgba(63, 85, 105, 0.3); }
+  background: rgba(51, 57, 85, 0.3); }
 
 .switcher-arrow {
   border-color: rgba(0, 0, 0, 0);
@@ -623,7 +623,7 @@ StScrollBar {
 
 /* Window Cycler */
 .cycler-highlight {
-  border: 5px solid #00e8b7; }
+  border: 5px solid #c50ed2; }
 
 /* Workspace Switcher */
 .workspace-switcher-group {
@@ -638,7 +638,7 @@ StScrollBar {
 
 .ws-switcher-active-up, .ws-switcher-active-down {
   height: 50px;
-  background-color: #00e8b7;
+  background-color: #c50ed2;
   color: #f7f7f7;
   background-size: 32px;
   border-radius: 8px; }
@@ -652,22 +652,22 @@ StScrollBar {
 .ws-switcher-box {
   height: 50px;
   border: 1px solid rgba(152, 171, 178, 0.1);
-  background: rgba(15, 20, 25, 0.88);
+  background: rgba(3, 3, 5, 0.88);
   border-radius: 8px; }
 
 .osd-window,
 .resize-popup,
 .switcher-list, .workspace-switcher-container {
   color: #98abb2;
-  background-color: rgba(34, 46, 57, 0.88);
+  background-color: rgba(22, 25, 37, 0.88);
   border: none;
   border-radius: 2px;
   padding: 12px; }
 
 /* Tiled window previews */
 .tile-preview {
-  background-color: rgba(0, 232, 183, 0.5);
-  border: 1px solid #00e8b7; }
+  background-color: rgba(197, 14, 210, 0.5);
+  border: 1px solid #c50ed2; }
 
 .tile-preview-left.on-primary {
   border-radius: 2px 2px 0 0; }
@@ -681,7 +681,7 @@ StScrollBar {
 /* TOP BAR */
 #panel {
   background-gradient-direction: none;
-  background-color: rgba(15, 20, 25, 0.65);
+  background-color: rgba(3, 3, 5, 0.65);
   /* transition from solid to transparent */
   transition-duration: 500ms;
   font-weight: bold;
@@ -697,7 +697,7 @@ StScrollBar {
     -panel-corner-border-width: 2px;
     -panel-corner-border-color: transparent; }
     #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
-      -panel-corner-border-color: #03ffca; }
+      -panel-corner-border-color: #db10ea; }
     #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen {
       -panel-corner-radius: 0;
       -panel-corner-background-color: transparent;
@@ -718,7 +718,7 @@ StScrollBar {
     #panel .panel-button .popup-menu-arrow {
       icon-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9); }
     #panel .panel-button:hover {
-      background: rgba(34, 46, 57, 0.65);
+      background: rgba(22, 25, 37, 0.65);
       color: #b5c3c8;
       text-shadow: 0px 0px 8px black; }
       #panel .panel-button:hover .system-status-icon,
@@ -726,8 +726,8 @@ StScrollBar {
       #panel .panel-button:hover .popup-menu-arrow {
         icon-shadow: 0px 0px 8px black; }
     #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
-      background: rgba(34, 46, 57, 0.65);
-      box-shadow: inset 0 -2px 0px #03ffca;
+      background: rgba(22, 25, 37, 0.65);
+      box-shadow: inset 0 -2px 0px #db10ea;
       color: #b5c3c8; }
       #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon {
         icon-shadow: black 0 2px 2px; }
@@ -754,7 +754,7 @@ StScrollBar {
   #panel .screencast-indicator {
     color: #ff9f39; }
   #panel.solid {
-    background-color: #202b36;
+    background-color: #141722;
     /* transition from transparent to solid */
     transition-duration: 300ms; }
     #panel.solid .panel-corner {
@@ -786,7 +786,7 @@ StScrollBar {
   spacing: 1em; }
 
 .datemenu-calendar-column {
-  border: 0 solid rgba(63, 85, 105, 0.3); }
+  border: 0 solid rgba(51, 57, 85, 0.3); }
   .datemenu-calendar-column:ltr {
     border-left-width: 1px; }
   .datemenu-calendar-column:rtl {
@@ -815,7 +815,7 @@ StScrollBar {
 .events-section-title:focus,
 .message-list-section-title:hover,
 .message-list-section-title:focus {
-  background-color: rgba(44, 59, 73, 0.93); }
+  background-color: rgba(32, 36, 53, 0.93); }
 
 .datemenu-today-button:active,
 .world-clocks-button:active,
@@ -823,7 +823,7 @@ StScrollBar {
 .events-section-title:active,
 .message-list-section-title:active {
   color: white;
-  background-color: #00e8b7; }
+  background-color: #c50ed2; }
 
 .datemenu-today-button .date-label {
   font-size: 1.5em; }
@@ -854,7 +854,7 @@ StScrollBar {
   .pager-button:hover, .pager-button:focus {
     background-color: rgba(152, 171, 178, 0.05); }
   .pager-button:active {
-    background-color: rgba(34, 46, 57, 0); }
+    background-color: rgba(22, 25, 37, 0); }
 
 .calendar-change-month-back {
   background-image: url("assets/calendar-arrow-left.svg"); }
@@ -875,10 +875,10 @@ StScrollBar {
   margin: 2px;
   border-radius: 1.4em; }
   .calendar-day-base:hover, .calendar-day-base:focus {
-    background-color: rgba(44, 59, 73, 0.93); }
+    background-color: rgba(32, 36, 53, 0.93); }
   .calendar-day-base:active, .calendar-day-base:selected {
     color: white;
-    background-color: #00e8b7;
+    background-color: #c50ed2;
     border-color: transparent; }
   .calendar-day-base.calendar-day-heading {
     color: #8ca1a9;
@@ -895,11 +895,11 @@ StScrollBar {
   border-left-width: 1px; }
 
 .calendar-nonwork-day {
-  color: rgba(97, 113, 122, 0.965); }
+  color: rgba(92, 103, 112, 0.965); }
 
 .calendar-today {
   font-weight: bold;
-  border: 1px solid rgba(63, 85, 105, 0); }
+  border: 1px solid rgba(51, 57, 85, 0); }
 
 .calendar-day-with-events {
   color: #b5c3c8;
@@ -907,7 +907,7 @@ StScrollBar {
   background-image: url("assets/calendar-today.svg"); }
 
 .calendar-other-month-day {
-  color: rgba(97, 113, 122, 0.965);
+  color: rgba(92, 103, 112, 0.965);
   opacity: 0.5; }
 
 .calendar-week-number {
@@ -919,7 +919,7 @@ StScrollBar {
   padding: 0.5em 0 0;
   margin: 6px;
   background-color: rgba(152, 171, 178, 0.3);
-  color: rgba(34, 46, 57, 0.93); }
+  color: rgba(22, 25, 37, 0.93); }
 
 /* Message list */
 .message-list {
@@ -929,11 +929,11 @@ StScrollBar {
 
 .message-list-clear-button.button {
   background-color: transparent;
-  border: 1px solid rgba(63, 85, 105, 0.3);
+  border: 1px solid rgba(51, 57, 85, 0.3);
   box-shadow: none;
   margin: 1.5em 1.5em 0; }
   .message-list-clear-button.button:hover, .message-list-clear-button.button:focus {
-    background-color: rgba(44, 59, 73, 0.93); }
+    background-color: rgba(32, 36, 53, 0.93); }
 
 .message-list-sections {
   spacing: 1em; }
@@ -958,8 +958,8 @@ StScrollBar {
   border-radius: 1px;
   background: transparent; }
   .message:hover, .message:focus {
-    background-color: rgba(38, 51, 63, 0.93);
-    box-shadow: 3px 0px 0px 0px #00e8b7 inset; }
+    background-color: rgba(26, 29, 43, 0.93);
+    box-shadow: 3px 0px 0px 0px #c50ed2 inset; }
 
 .message-icon-bin {
   padding: 10px 3px 10px 10px; }
@@ -1004,9 +1004,9 @@ StScrollBar {
 .media-message-cover-icon {
   icon-size: 48px !important; }
   .media-message-cover-icon.fallback {
-    color: rgba(53, 72, 89, 0.93);
-    background-color: rgba(34, 46, 57, 0.93);
-    border: 2px solid rgba(34, 46, 57, 0.93);
+    color: rgba(41, 47, 69, 0.93);
+    background-color: rgba(22, 25, 37, 0.93);
+    border: 2px solid rgba(22, 25, 37, 0.93);
     border-radius: 2px;
     icon-size: 16px;
     padding: 8px; }
@@ -1038,10 +1038,10 @@ StScrollBar {
   background: transparent;
   padding: 13px; }
   .system-menu-action:hover, .system-menu-action:focus {
-    color: #00e8b7;
+    color: #c50ed2;
     background: transparent; }
   .system-menu-action:active {
-    background-color: #00b58f;
+    background-color: #980ba2;
     color: #f7f7f7; }
   .system-menu-action > StIcon {
     icon-size: 16px; }
@@ -1100,19 +1100,19 @@ StScrollBar {
   icon-size: 32px; }
 
 .nm-dialog-scroll-view {
-  border: 2px solid rgba(63, 85, 105, 0.3); }
+  border: 2px solid rgba(51, 57, 85, 0.3); }
 
 .nm-dialog-header {
   font-weight: bold; }
 
 .nm-dialog-item {
   font-size: 110%;
-  border-bottom: 1px solid rgba(63, 85, 105, 0.3);
+  border-bottom: 1px solid rgba(51, 57, 85, 0.3);
   padding: 12px;
   spacing: 20px; }
 
 .nm-dialog-item:selected {
-  background-color: #00e8b7;
+  background-color: #c50ed2;
   color: #f7f7f7; }
 
 .nm-dialog-icons {
@@ -1142,14 +1142,14 @@ StScrollBar {
     padding: 16px; }
 
 .window-clone-border {
-  border: 4px solid rgba(0, 232, 183, 0.3);
+  border: 4px solid rgba(197, 14, 210, 0.3);
   border-radius: 0px;
   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
 
 .window-caption {
   spacing: 20px;
   color: #98abb2;
-  background-color: rgba(34, 46, 57, 0.58);
+  background-color: rgba(22, 25, 37, 0.58);
   border-radius: 2px;
   padding: 4px 8px; }
 
@@ -1159,19 +1159,19 @@ StScrollBar {
   border-radius: 2px;
   border: none;
   color: #98abb2;
-  background-color: rgba(34, 46, 57, 0.53);
+  background-color: rgba(22, 25, 37, 0.53);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.22); }
   .search-entry:focus {
     border-width: 0;
     color: #98abb2;
-    background-color: rgba(34, 46, 57, 0.73);
+    background-color: rgba(22, 25, 37, 0.73);
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.3); }
   .search-entry .search-entry-icon {
     icon-size: 1em;
     padding: 0 4px;
     color: rgba(152, 171, 178, 0.7); }
   .search-entry:hover, .search-entry:focus {
-    background-color: rgba(34, 46, 57, 0.73); }
+    background-color: rgba(22, 25, 37, 0.73); }
     .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
       color: #98abb2; }
 
@@ -1221,7 +1221,7 @@ StScrollBar {
 #dash {
   font-size: 9pt;
   color: #98abb2;
-  background-color: rgba(15, 20, 25, 0.65);
+  background-color: rgba(3, 3, 5, 0.65);
   padding: 6px 0;
   border: 1px solid rgba(128, 128, 128, 0.2);
   border-left: 0px;
@@ -1243,7 +1243,7 @@ StScrollBar {
   border-radius: 7px;
   padding: 4px 12px;
   color: #98abb2;
-  background-color: rgba(15, 20, 25, 0.64);
+  background-color: rgba(3, 3, 5, 0.64);
   text-align: center;
   -x-offset: 8px; }
 
@@ -1267,8 +1267,8 @@ StScrollBar {
 .app-view-control {
   padding: 4px 32px; }
   .app-view-control:checked {
-    color: #00e8b7;
-    background-color: rgba(34, 46, 57, 0.88);
+    color: #c50ed2;
+    background-color: rgba(22, 25, 37, 0.88);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
     border: none;
     text-shadow: none;
@@ -1282,13 +1282,13 @@ StScrollBar {
 .search-provider-icon:active, .search-provider-icon:checked,
 .list-search-result:active,
 .list-search-result:checked {
-  background-color: rgba(15, 20, 25, 0.78); }
+  background-color: rgba(3, 3, 5, 0.78); }
 
 .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
 .list-search-result:focus,
 .list-search-result:selected,
 .list-search-result:hover {
-  background-color: rgba(34, 46, 57, 0.23);
+  background-color: rgba(22, 25, 37, 0.23);
   transition-duration: 200ms; }
 
 .app-well-app,
@@ -1304,7 +1304,7 @@ StScrollBar {
   .show-apps:checked .overview-icon,
   .grid-search-result:active .overview-icon,
   .grid-search-result:checked .overview-icon {
-    background-color: rgba(21, 28, 35, 0.78);
+    background-color: rgba(9, 10, 15, 0.78);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.3);
     color: #98abb2; }
   .app-well-app:hover .overview-icon,
@@ -1319,18 +1319,18 @@ StScrollBar {
   .grid-search-result:hover .overview-icon,
   .grid-search-result:focus .overview-icon,
   .grid-search-result:selected .overview-icon {
-    background-color: rgba(34, 46, 57, 0.43);
+    background-color: rgba(22, 25, 37, 0.43);
     transition-duration: 0ms;
     border-image: none;
     background-image: none; }
 
 .app-well-app-running-dot {
-  width: 4px;
-  height: 4px;
-  background-color: #00ffdd;
+  width: 5px;
+  height: 5px;
+  background-color: #ec6af5;
   border-radius: 10px !important;
-  box-shadow: 0px 0px 5px 4px rgba(0, 255, 221, 0.8);
-  margin-bottom: 2px; }
+  box-shadow: 0px 0px 5px 4px rgba(197, 14, 210, 0.8);
+  margin-bottom: 0px; }
 
 .search-provider-icon,
 .list-search-result, .app-well-app .overview-icon,
@@ -1346,7 +1346,7 @@ StScrollBar {
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.22); }
 
 .app-well-app.app-folder > .overview-icon {
-  background-color: rgba(34, 46, 57, 0.28); }
+  background-color: rgba(22, 25, 37, 0.28); }
 
 .show-apps .show-apps-icon {
   color: #98abb2; }
@@ -1358,13 +1358,13 @@ StScrollBar {
 
 .app-folder-popup {
   -arrow-border-radius: 8px;
-  -arrow-background-color: rgba(34, 46, 57, 0.43);
+  -arrow-background-color: rgba(22, 25, 37, 0.43);
   -arrow-base: 24px;
   -arrow-rise: 11px; }
 
 .app-folder-popup-bin {
   padding: 5px;
-  background: rgba(34, 46, 57, 0.43); }
+  background: rgba(22, 25, 37, 0.43); }
 
 .app-folder-icon {
   padding: 5px;
@@ -1404,7 +1404,7 @@ StScrollBar {
     border-radius: 0; }
 
 .workspace-thumbnail-indicator {
-  border: 4px solid rgba(0, 232, 183, 0.5);
+  border: 4px solid rgba(197, 14, 210, 0.5);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.22);
   padding: 0; }
 
@@ -1425,7 +1425,7 @@ StScrollBar {
 
 /* NOTIFICATIONS & MESSAGE TRAY */
 .url-highlighter {
-  link-color: #1cffcf; }
+  link-color: #e323f0; }
 
 .notification-banner {
   font-size: 11pt;
@@ -1433,13 +1433,13 @@ StScrollBar {
   margin: 5px;
   border-radius: 3px;
   color: #98abb2;
-  background-color: rgba(34, 46, 57, 0.93);
-  border: 1px solid rgba(63, 85, 105, 0.3);
+  background-color: rgba(22, 25, 37, 0.93);
+  border: 1px solid rgba(51, 57, 85, 0.3);
   box-shadow: 0 1px 4px black; }
   .notification-banner:hover {
-    background-color: rgba(34, 46, 57, 0.89); }
+    background-color: rgba(22, 25, 37, 0.89); }
   .notification-banner:focus {
-    background-color: rgba(34, 46, 57, 0.89); }
+    background-color: rgba(22, 25, 37, 0.89); }
   .notification-banner .notification-icon {
     padding: 5px; }
   .notification-banner .notification-content {
@@ -1448,19 +1448,19 @@ StScrollBar {
   .notification-banner .secondary-icon {
     icon-size: 1.09em; }
   .notification-banner .notification-actions {
-    background-color: rgba(30, 41, 51, 0.93);
+    background-color: rgba(18, 21, 31, 0.93);
     padding-top: 2px;
     spacing: 1px; }
   .notification-banner .notification-button {
     padding: 4px 4px 5px;
-    background-color: rgba(34, 46, 57, 0.83); }
+    background-color: rgba(22, 25, 37, 0.83); }
     .notification-banner .notification-button:first-child {
       border-radius: 0 0 0 3px; }
     .notification-banner .notification-button:last-child {
       border-radius: 0 0 3px 0; }
     .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
-      background-color: rgba(30, 41, 51, 0.93);
-      color: #00e8b7; }
+      background-color: rgba(18, 21, 31, 0.93);
+      color: #c50ed2; }
 
 .summary-source-counter {
   font-size: 10pt;
@@ -1469,7 +1469,7 @@ StScrollBar {
   width: 1.6em;
   -shell-counter-overlap-x: 3px;
   -shell-counter-overlap-y: 3px;
-  background-color: #00e8b7;
+  background-color: #c50ed2;
   color: #f7f7f7;
   border: 2px solid #98abb2;
   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
@@ -1532,7 +1532,7 @@ StScrollBar {
   spacing: 8px;
   border-radius: 4px; }
   .hotplug-resident-mount:hover {
-    background-color: rgba(34, 46, 57, 0.23); }
+    background-color: rgba(22, 25, 37, 0.23); }
 
 .hotplug-resident-mount-label {
   color: inherit;
@@ -1552,13 +1552,13 @@ StScrollBar {
 
 /* Eeeky things */
 .magnifier-zoom-region {
-  border: 2px solid #00e8b7; }
+  border: 2px solid #c50ed2; }
   .magnifier-zoom-region.full-screen {
     border-width: 0; }
 
 /* On-screen Keyboard */
 #keyboard {
-  background-color: rgba(34, 46, 57, 0.58); }
+  background-color: rgba(22, 25, 37, 0.58); }
 
 .keyboard-layout {
   spacing: 10px;
@@ -1569,41 +1569,41 @@ StScrollBar {
 
 .keyboard-key {
   color: #98abb2;
-  background-color: rgba(24, 33, 41, 0.93);
+  background-color: rgba(12, 14, 21, 0.93);
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 2px 3px rgba(0, 0, 0, 0.22);
   border: none;
   text-shadow: 0 1px black;
   icon-shadow: 0 1px black;
-  background: #1E282C;
+  background: #181b28;
   min-height: 2em;
   min-width: 2em;
   font-size: 14pt;
   font-weight: bold;
   border-radius: 5px;
-  border: 1px solid rgba(63, 85, 105, 0.3);
+  border: 1px solid rgba(51, 57, 85, 0.3);
   color: white; }
   .keyboard-key:focus {
     color: #98abb2;
     text-shadow: 0 1px black;
     icon-shadow: 0 1px black;
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
-    border: 1px solid rgba(0, 232, 183, 0.3); }
+    border: 1px solid rgba(197, 14, 210, 0.3); }
   .keyboard-key:hover, .keyboard-key:checked {
-    color: #00e8b7;
-    background-color: rgba(53, 72, 89, 0.88);
+    color: #c50ed2;
+    background-color: rgba(41, 47, 69, 0.88);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
     border: none;
     text-shadow: 0 1px black;
     icon-shadow: 0 1px black; }
   .keyboard-key:active {
-    color: #00e8b7;
-    background-color: rgba(34, 46, 57, 0.88);
+    color: #c50ed2;
+    background-color: rgba(22, 25, 37, 0.88);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
     border: none;
     text-shadow: none;
     icon-shadow: none; }
   .keyboard-key:grayed {
-    background-color: rgba(34, 46, 57, 0.88);
+    background-color: rgba(22, 25, 37, 0.88);
     color: #98abb2;
     border-color: rgba(0, 0, 0, 0.7); }
 
@@ -1611,7 +1611,7 @@ StScrollBar {
   color: white;
   padding: 5px;
   -arrow-border-radius: 10px;
-  -arrow-background-color: rgba(34, 46, 57, 0.58);
+  -arrow-background-color: rgba(22, 25, 37, 0.58);
   -arrow-border-width: 2px;
   -arrow-border-color: #98abb2;
   -arrow-base: 20px;
@@ -1630,7 +1630,7 @@ StScrollBar {
   padding: 0.3em 0.5em 0.3em 0.5em;
   border-radius: 4px; }
   .candidate-box:selected, .candidate-box:hover {
-    background-color: #00e8b7;
+    background-color: #c50ed2;
     color: #f7f7f7; }
 
 .candidate-page-button-box {
@@ -1676,28 +1676,28 @@ StScrollBar {
     padding: 3px 18px; }
     .login-dialog .modal-dialog-button:default {
       color: #98abb2;
-      background-color: rgba(24, 33, 41, 0.93);
+      background-color: rgba(12, 14, 21, 0.93);
       box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 2px 3px rgba(0, 0, 0, 0.22);
       border: none;
       text-shadow: 0 1px black;
       icon-shadow: 0 1px black; }
       .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
-        color: #00e8b7;
-        background-color: rgba(0, 232, 183, 0.7);
+        color: #c50ed2;
+        background-color: rgba(197, 14, 210, 0.7);
         box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
         border: none;
         text-shadow: 0 1px black;
         icon-shadow: 0 1px black; }
       .login-dialog .modal-dialog-button:default:active {
-        color: #00e8b7;
-        background-color: #00e8b7;
+        color: #c50ed2;
+        background-color: #c50ed2;
         box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.3);
         border: none;
         text-shadow: none;
         icon-shadow: none; }
       .login-dialog .modal-dialog-button:default:insensitive {
-        color: rgba(97, 113, 122, 0.965);
-        background-color: rgba(48, 61, 72, 0.597);
+        color: rgba(92, 103, 112, 0.965);
+        background-color: rgba(38, 43, 54, 0.597);
         box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 2px 3px rgba(0, 0, 0, 0.22);
         border: none;
         text-shadow: none;
@@ -1742,10 +1742,10 @@ StScrollBar {
   padding: .2em;
   width: 23em; }
   .login-dialog-user-list:expanded .login-dialog-user-list-item:selected {
-    background-color: #00e8b7;
+    background-color: #c50ed2;
     color: #f7f7f7; }
   .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
-    border-right: 2px solid #00e8b7; }
+    border-right: 2px solid #c50ed2; }
 
 .login-dialog-user-list-item {
   border-radius: 5px;
@@ -1833,7 +1833,7 @@ StScrollBar {
   .screen-shield-notifications-container .screen-shield-notification-source {
     padding: 12px 6px;
     border: 1px solid #98abb2;
-    background-color: rgba(34, 46, 57, 0.38);
+    background-color: rgba(22, 25, 37, 0.38);
     color: #98abb2;
     border-radius: 4px; }
   .screen-shield-notifications-container .notification {
@@ -1847,7 +1847,7 @@ StScrollBar {
   padding: 0px 0px 0px 12px; }
 
 #panel.lock-screen {
-  background-color: rgba(34, 46, 57, 0.38); }
+  background-color: rgba(22, 25, 37, 0.38); }
 
 .screen-shield-background {
   background: black;
@@ -1858,11 +1858,11 @@ StScrollBar {
   background-repeat: repeat; }
 
 #screenShieldNotifications StButton#vhandle, #screenShieldNotifications StButton#hhandle {
-  background-color: rgba(34, 46, 57, 0.23); }
+  background-color: rgba(22, 25, 37, 0.23); }
   #screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus {
-    background-color: rgba(34, 46, 57, 0.43); }
+    background-color: rgba(22, 25, 37, 0.43); }
   #screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active {
-    background-color: rgba(0, 232, 183, 0.5); }
+    background-color: rgba(197, 14, 210, 0.5); }
 
 #LookingGlassDialog {
   background-color: rgba(0, 0, 0, 0.8);
@@ -1888,7 +1888,7 @@ StScrollBar {
       text-shadow: black 0px 2px 2px; }
     #LookingGlassDialog .notebook-tab:selected {
       border-bottom-width: 2px;
-      border-color: #03ffca;
+      border-color: #db10ea;
       color: white;
       text-shadow: black 0px 2px 2px; }
   #LookingGlassDialog StBoxLayout#EvalBox {