Update gnome-shell accent color

This commit is contained in:
EliverLara
2018-08-23 13:31:40 -05:00
parent 1c058283ff
commit 4e0e9b9d9f
3 changed files with 142 additions and 142 deletions

View File

@@ -1,8 +1,8 @@
$base_color:#1E282C; $base_color:#181b28;
$bg_color: transparentize( #222e39, 0.07); $bg_color: transparentize( #161925, 0.07);
$gray: lighten(#222e39, 15%); $gray: lighten(#161925, 15%);
$fg_color: #98abb2; $fg_color: #98abb2;
$dracula: #222e39; $dracula: #161925;
$topbar_color: #98abb2; $topbar_color: #98abb2;
$lime: #84ff39; $lime: #84ff39;
@@ -12,7 +12,7 @@ $cyan: #00e8c6;
$yellow: #FED766; $yellow: #FED766;
$selected_fg_color: #f7f7f7; $selected_fg_color: #f7f7f7;
$selected_bg_color:#00e8b7; $selected_bg_color:#c50ed2;
$selected_borders_color: darken($selected_bg_color, 10%); $selected_borders_color: darken($selected_bg_color, 10%);
$borders_color: transparentize($gray, 0.7); $borders_color: transparentize($gray, 0.7);
$borders_edge: transparentize(white, 0.9); $borders_edge: transparentize(white, 0.9);

View File

@@ -1439,11 +1439,11 @@ StScrollBar {
} }
.app-well-app-running-dot { //running apps indicator .app-well-app-running-dot { //running apps indicator
width: 4px; height: 4px; width: 5px; height: 5px;
background-color: rgb(0, 255, 221); background-color: lighten( $selected_bg_color, 25%);
border-radius: 10px !important; border-radius: 10px !important;
box-shadow: 0px 0px 5px 4px transparentize(rgb(0, 255, 221),0.2); box-shadow: 0px 0px 5px 4px transparentize( $selected_bg_color,0.2);
margin-bottom: 2px; margin-bottom: 0px;
} }
%icon_tile { %icon_tile {

View File

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