aboutsummaryrefslogtreecommitdiff
path: root/common/gnome-shell
diff options
context:
space:
mode:
authorMartin Schenck2017-02-26 14:25:20 +0100
committerMartin Schenck2017-02-26 14:25:20 +0100
commitb71c2bff28db457e7dd0f26cc8b69ed5407d1953 (patch)
tree87a4b6ad08d27b6789776e6eb59ff9e98f614f28 /common/gnome-shell
parented16495611292c2c399f96ef5a9cfe35c0291748 (diff)
parent0af4e07f1b35a8dfae9af6a2722060045c356972 (diff)
downloadsolarc-theme-b71c2bff28db457e7dd0f26cc8b69ed5407d1953.tar.gz
solarc-theme-b71c2bff28db457e7dd0f26cc8b69ed5407d1953.tar.xz
solarc-theme-b71c2bff28db457e7dd0f26cc8b69ed5407d1953.zip
Merge remote-tracking branch 'upstream/master'
Diffstat (limited to 'common/gnome-shell')
-rw-r--r--common/gnome-shell/3.16/gnome-shell-dark.css618
-rw-r--r--common/gnome-shell/3.16/gnome-shell.css468
-rw-r--r--common/gnome-shell/3.16/sass/_common.scss32
-rw-r--r--common/gnome-shell/3.18/gnome-shell-dark.css630
-rw-r--r--common/gnome-shell/3.18/gnome-shell.css460
-rw-r--r--common/gnome-shell/3.18/sass/_common.scss32
6 files changed, 1082 insertions, 1158 deletions
diff --git a/common/gnome-shell/3.16/gnome-shell-dark.css b/common/gnome-shell/3.16/gnome-shell-dark.css
index ee66326..27fb030 100644
--- a/common/gnome-shell/3.16/gnome-shell-dark.css
+++ b/common/gnome-shell/3.16/gnome-shell-dark.css
@@ -19,7 +19,7 @@
stage {
font-family: Futura Bk bt, Cantarell, Sans-Serif;
font-size: 9pt;
- color: #657b83; }
+ color: #D3DAE3; }
.button {
min-height: 20px;
@@ -30,93 +30,93 @@ stage {
.button, .notification-banner .notification-button,
.notification-banner:hover .notification-button,
.notification-banner:focus .notification-button, .hotplug-notification-item {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- background-color: #083e4b;
- border: 1px solid #001317;
- box-shadow: inset 0 1px rgba(8, 62, 75, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #D3DAE3;
+ background-color: #444a58;
+ border: 1px solid #2b2e39;
+ box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
.button:focus, .notification-banner .notification-button:focus, .hotplug-notification-item:focus {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- background-color: #083e4b;
- border: 1px solid #268bd2;
- box-shadow: inset 0 1px rgba(8, 62, 75, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #D3DAE3;
+ background-color: #444a58;
+ border: 1px solid #5294e2;
+ box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
.button:hover, .notification-banner .notification-button:hover, .hotplug-notification-item:hover {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- background-color: #0a5062;
- border: 1px solid #001317;
- box-shadow: inset 0 1px rgba(10, 80, 98, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #D3DAE3;
+ background-color: #505666;
+ border: 1px solid #2b2e39;
+ box-shadow: inset 0 1px rgba(80, 86, 102, 0.05); }
.button:hover:focus, .notification-banner .notification-button:hover:focus, .hotplug-notification-item:hover:focus {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- background-color: #083e4b;
- border: 1px solid #268bd2;
- box-shadow: inset 0 1px rgba(8, 62, 75, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #D3DAE3;
+ background-color: #444a58;
+ border: 1px solid #5294e2;
+ box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
.button:active, .notification-banner .notification-button:active, .hotplug-notification-item:active, .button:active:focus, .notification-banner .notification-button:active:focus, .hotplug-notification-item:active:focus {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid #001317;
- box-shadow: inset 0 1px rgba(38, 139, 210, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid #2b2e39;
+ box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.button:insensitive, .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: rgba(101, 123, 131, 0.45);
- border: 1px solid rgba(0, 19, 23, 0.55);
- background-color: rgba(8, 62, 75, 0.55);
- box-shadow: inset 0 1px rgba(8, 62, 75, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: rgba(211, 218, 227, 0.45);
+ border: 1px solid rgba(43, 46, 57, 0.55);
+ background-color: rgba(68, 74, 88, 0.55);
+ box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
.modal-dialog-button-box .button {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(18, 137, 167, 0.35);
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #BAC3CF;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.35);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.modal-dialog-button-box .button:hover {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(21, 163, 200, 0.45);
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #BAC3CF;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(119, 127, 151, 0.45);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.modal-dialog-button-box .button:focus {
- color: #268bd2; }
+ color: #5294e2; }
.modal-dialog-button-box .button:active {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #fdf6e3;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: #268bd2;
- box-shadow: inset 0 1px rgba(38, 139, 210, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #ffffff;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: #5294e2;
+ box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.modal-dialog-button-box .button:insensitive {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #234b56;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(18, 137, 167, 0.2);
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #5d626e;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.2);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
StEntry {
padding: 7px;
caret-size: 1px;
- selection-background-color: #268bd2;
- selected-color: #fdf6e3;
+ selection-background-color: #5294e2;
+ selected-color: #ffffff;
transition-duration: 300ms;
border-radius: 3px;
- color: #657b83;
- background-color: #073642;
- border: 1px solid #001317;
- box-shadow: inset 0 2px 4px rgba(7, 54, 66, 0.05); }
+ color: #D3DAE3;
+ background-color: #404552;
+ border: 1px solid #2b2e39;
+ box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); }
StEntry:focus, StEntry:hover {
- color: #657b83;
- background-color: #073642;
- border: 1px solid #268bd2;
- box-shadow: inset 0 2px 4px rgba(7, 54, 66, 0.05); }
+ color: #D3DAE3;
+ background-color: #404552;
+ border: 1px solid #5294e2;
+ box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); }
StEntry:insensitive {
- color: rgba(101, 123, 131, 0.45);
- background-color: #04313d;
- border-color: 1px solid #001e25;
- box-shadow: inset 0 2px 4px rgba(4, 49, 61, 0.05); }
+ color: rgba(211, 218, 227, 0.45);
+ background-color: #3c414e;
+ border-color: 1px solid #313440;
+ box-shadow: inset 0 2px 4px rgba(60, 65, 78, 0.05); }
StEntry StIcon.capslock-warning {
icon-size: 16px;
- warning-color: #cb4b16;
+ warning-color: #F27835;
padding: 0 4px; }
StScrollView.vfade {
@@ -131,23 +131,23 @@ StScrollBar {
min-width: 5px;
min-height: 5px; }
StScrollBar StBin#trough {
- background-color: rgba(7, 54, 66, 0.1);
+ background-color: rgba(64, 69, 82, 0.1);
border-radius: 8px; }
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
border-radius: 4px;
- background-color: #284b55;
+ background-color: #767b87;
border: 0px solid;
margin: 0px; }
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
- background-color: #1e434d; }
+ background-color: #676b78; }
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
- background-color: #268bd2; }
+ background-color: #5294e2; }
.slider {
-slider-height: 4px;
- -slider-background-color: #001317;
+ -slider-background-color: #2b2e39;
-slider-border-color: transparent;
- -slider-active-background-color: #268bd2;
+ -slider-active-background-color: #5294e2;
-slider-active-border-color: transparent;
-slider-border-width: 0;
-slider-handle-radius: 0px;
@@ -158,7 +158,7 @@ StScrollBar {
color: transparent; }
.popup-menu-item.selected .slider {
-slider-background-color: rgba(0, 0, 0, 0.2);
- -slider-active-background-color: #fdf6e3; }
+ -slider-active-background-color: #ffffff; }
.check-box StBoxLayout {
spacing: .8em; }
@@ -190,9 +190,9 @@ StScrollBar {
background-image: url("common-assets/switch/switch-on-selected.svg"); }
.shell-link {
- color: #78b9e6; }
+ color: #a9caf1; }
.shell-link:hover {
- color: #a3cfee; }
+ color: #d5e5f8; }
.headline {
font-size: 110%; }
@@ -204,8 +204,8 @@ StScrollBar {
background-color: white; }
.modal-dialog {
- color: #657b83;
- background-color: rgba(0, 43, 54, 0);
+ color: #D3DAE3;
+ background-color: rgba(56, 60, 74, 0);
border: none;
border-image: url("dark-assets/misc/modal.svg") 9 9 9 67;
padding: 0 5px 6px 5px; }
@@ -235,7 +235,7 @@ StScrollBar {
.end-session-dialog-subject {
font-size: 11pt;
font-weight: bold;
- color: #657b83; }
+ color: #D3DAE3; }
.end-session-dialog {
spacing: 42px; }
@@ -252,7 +252,7 @@ StScrollBar {
text-align: right; }
.end-session-dialog-warning {
width: 28em;
- color: #cb4b16;
+ color: #F27835;
padding-top: 6px; }
.end-session-dialog-warning:rtl {
text-align: right; }
@@ -263,7 +263,7 @@ StScrollBar {
height: 48px;
background-size: contain; }
.end-session-dialog-shutdown-icon {
- color: #657b83;
+ color: #D3DAE3;
width: 48px;
height: 48px; }
.end-session-dialog-inhibitor-layout {
@@ -282,20 +282,20 @@ StScrollBar {
.end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name {
font-weight: bold; }
.end-session-dialog-app-list-item-description {
- color: #708891;
+ color: #e3e7ed;
font-size: 8pt; }
.end-session-dialog .button:last-child {
color: white;
- background-color: #dc322f;
- border-color: #dc322f; }
+ background-color: #F04A50;
+ border-color: #F04A50; }
.end-session-dialog .button:last-child:hover {
color: white;
- background-color: #e35956;
- border-color: #e35956; }
+ background-color: #f47479;
+ border-color: #f47479; }
.end-session-dialog .button:last-child:active {
color: white;
- background-color: #cf2623;
- border-color: #cf2623; }
+ background-color: #ee3239;
+ border-color: #ee3239; }
.shell-mount-operation-icon {
icon-size: 48px; }
@@ -336,9 +336,9 @@ StScrollBar {
padding-left: 32px; }
.show-processes-dialog-app-list-item {
- color: #4f6066; }
+ color: #b4c0cf; }
.show-processes-dialog-app-list-item:hover {
- color: #657b83; }
+ color: #D3DAE3; }
.show-processes-dialog-app-list-item:ltr {
padding-right: 1em; }
.show-processes-dialog-app-list-item:rtl {
@@ -363,7 +363,7 @@ StScrollBar {
.prompt-dialog-headline {
font-size: 12pt;
font-weight: bold;
- color: #657b83; }
+ color: #D3DAE3; }
.prompt-dialog-descritption:rtl {
text-align: right; }
.prompt-dialog-password-box {
@@ -371,7 +371,7 @@ StScrollBar {
padding-bottom: 1em; }
.prompt-dialog-error-label {
font-size: 9pt;
- color: #dc322f;
+ color: #FC4138;
padding-bottom: 8px; }
.prompt-dialog-info-label {
font-size: 9pt;
@@ -391,7 +391,7 @@ StScrollBar {
padding-right: 10px; }
.polkit-dialog-user-root-label {
- color: #cb4b16; }
+ color: #F27835; }
.polkit-dialog-user-user-icon {
border-radius: 2px;
@@ -409,7 +409,7 @@ StScrollBar {
.popup-menu {
min-width: 200px;
- color: #657b83;
+ color: #D3DAE3;
border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; }
.popup-menu .popup-sub-menu {
background: none;
@@ -429,16 +429,16 @@ StScrollBar {
box-shadow: none;
border-image: url("dark-assets/menu/submenu-open.svg") 9 9 9 9; }
.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected {
- color: #fdf6e3;
+ color: #ffffff;
background-color: transparent;
border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; }
.popup-menu .popup-menu-item:insensitive {
- color: rgba(101, 123, 131, 0.5);
+ color: rgba(211, 218, 227, 0.5);
background: none; }
.popup-menu .popup-inactive-menu-item {
- color: #657b83; }
+ color: #D3DAE3; }
.popup-menu .popup-inactive-menu-item:insensitive {
- color: rgba(101, 123, 131, 0.45); }
+ color: rgba(211, 218, 227, 0.45); }
.popup-menu.panel-menu {
-boxpointer-gap: 0px;
margin-bottom: 1.75em; }
@@ -458,7 +458,7 @@ StScrollBar {
.candidate-popup-boxpointer {
-arrow-border-radius: 2px;
- -arrow-background-color: rgba(7, 54, 66, 0.95);
+ -arrow-background-color: rgba(53, 57, 69, 0.95);
-arrow-border-width: 1px;
-arrow-border-color: rgba(0, 0, 0, 0.4);
-arrow-base: 5;
@@ -495,10 +495,10 @@ StScrollBar {
height: 4px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 2px;
- color: #268bd2; }
+ color: #5294e2; }
.resize-popup {
- color: #657b83;
+ color: #BAC3CF;
background: none;
border: none;
border-radius: 5px;
@@ -523,11 +523,11 @@ StScrollBar {
border: 1px solid transparent; }
.switcher-list .item-box:outlined {
padding: 8px;
- border: 1px solid #268bd2; }
+ border: 1px solid #5294e2; }
.switcher-list .item-box:selected {
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid #268bd2; }
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid #5294e2; }
.switcher-list .thumbnail-box {
padding: 2px;
spacing: 4px; }
@@ -535,11 +535,11 @@ StScrollBar {
width: 256px; }
.switcher-list .separator {
width: 1px;
- background: rgba(101, 123, 131, 0.33); }
+ background: rgba(211, 218, 227, 0.33); }
.switcher-arrow {
border-color: transparent;
- color: #657b83; }
+ color: #BAC3CF; }
.switcher-arrow:highlighted {
color: white; }
@@ -564,10 +564,10 @@ StScrollBar {
.ws-switcher-active-up, .ws-switcher-active-down {
height: 30px;
- background-color: #268bd2;
+ background-color: #5294e2;
background-size: 96px;
border-radius: 2px;
- border: 1px solid #268bd2; }
+ border: 1px solid #5294e2; }
.ws-switcher-active-up {
background-image: url("common-assets/misc/ws-switch-arrow-up.png"); }
@@ -582,8 +582,8 @@ StScrollBar {
border-radius: 2px; }
.tile-preview {
- background-color: rgba(38, 139, 210, 0.35);
- border: 1px solid #268bd2; }
+ background-color: rgba(82, 148, 226, 0.35);
+ border: 1px solid #5294e2; }
.tile-preview-left.on-primary {
border-radius: 0px 0 0 0; }
.tile-preview-right.on-primary {
@@ -638,8 +638,8 @@ StScrollBar {
border-bottom-width: 1px;
border-color: transparent; }
#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
- color: #fdf6e3;
- background-color: #268bd2;
+ color: #ffffff;
+ background-color: #5294e2;
box-shadow: none;
border-bottom-width: 1px;
border-color: black; }
@@ -651,7 +651,7 @@ StScrollBar {
.unlock-screen #panel .panel-button,
.login-screen #panel .panel-button,
.lock-screen #panel .panel-button {
- color: #7f949c; }
+ color: #f2f4f7; }
.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active,
.login-screen #panel .panel-button:focus,
.login-screen #panel .panel-button:hover,
@@ -659,16 +659,16 @@ StScrollBar {
.lock-screen #panel .panel-button:focus,
.lock-screen #panel .panel-button:hover,
.lock-screen #panel .panel-button:active {
- color: #7f949c; }
+ color: #f2f4f7; }
#panel #panelActivities.panel-button {
-natural-hpadding: 12px; }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .screencast-indicator {
- color: #dc322f; }
+ color: #FC4138; }
#panel .clock-display > * > *:last-child {
- color: #268bd2;
+ color: #5294e2;
margin-left: .3em; }
#panel .popup-menu-arrow {
width: 0; }
@@ -696,7 +696,7 @@ StScrollBar {
.system-switch-user-submenu-icon {
icon-size: 24px;
- border: 1px solid rgba(101, 123, 131, 0.4); }
+ border: 1px solid rgba(211, 218, 227, 0.4); }
#appMenu {
spinner-image: url("common-assets/misc/process-working.svg");
@@ -712,20 +712,20 @@ StScrollBar {
.system-menu-action {
padding: 13px;
- color: #657b83;
+ color: #D3DAE3;
border-radius: 32px;
/* wish we could do 50% */
border: 1px solid transparent; }
.system-menu-action:hover, .system-menu-action:focus {
transition-duration: 100ms;
padding: 13px;
- color: #657b83;
+ color: #D3DAE3;
background-color: transparent;
- border: 1px solid #268bd2; }
+ border: 1px solid #5294e2; }
.system-menu-action:active {
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid #268bd2; }
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid #5294e2; }
.system-menu-action > StIcon {
icon-size: 16px; }
@@ -763,42 +763,42 @@ StScrollBar {
.world-clocks-button,
.message-list-section-title {
padding: 7px 10px 7px 10px;
- border: 1px solid rgba(7, 54, 66, 0); }
+ border: 1px solid rgba(64, 69, 82, 0); }
.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.message-list-section-title:hover,
.message-list-section-title:focus {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- background-color: #0a5062;
- border: 1px solid #001317;
- box-shadow: inset 0 1px rgba(10, 80, 98, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #D3DAE3;
+ background-color: #505666;
+ border: 1px solid #2b2e39;
+ box-shadow: inset 0 1px rgba(80, 86, 102, 0.05); }
.datemenu-today-button:active,
.world-clocks-button:active,
.message-list-section-title:active {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid #001317;
- box-shadow: inset 0 1px rgba(38, 139, 210, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid #2b2e39;
+ box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.datemenu-today-button .date-label {
font-size: 1.5em; }
.world-clocks-header,
.message-list-section-title {
- color: rgba(101, 123, 131, 0.4);
+ color: rgba(211, 218, 227, 0.4);
font-weight: bold; }
.world-clocks-button:active .world-clocks-header {
- color: #fdf6e3; }
+ color: #ffffff; }
.world-clocks-grid {
spacing-rows: 0.4em; }
.calendar-month-label {
- color: #657b83;
+ color: #D3DAE3;
font-weight: bold;
padding: 8px 0; }
@@ -847,17 +847,17 @@ StScrollBar {
.calendar-day-base:hover, .calendar-day-base:focus {
background-color: rgba(0, 0, 0, 0.1); }
.calendar-day-base:active {
- color: #657b83;
+ color: #D3DAE3;
background-color: rgba(0, 0, 0, 0.15);
border-width: 0; }
.calendar-day-base.calendar-day-heading {
- color: rgba(101, 123, 131, 0.85);
+ color: rgba(211, 218, 227, 0.85);
margin-top: 1em;
font-size: 70%; }
.calendar-day {
border-width: 0;
- color: rgba(101, 123, 131, 0.8); }
+ color: rgba(211, 218, 227, 0.8); }
.calendar-day-top {
border-top-width: 0; }
@@ -866,7 +866,7 @@ StScrollBar {
border-left-width: 0; }
.calendar-nonwork-day {
- color: #657b83;
+ color: #D3DAE3;
font-weight: bold; }
.calendar-today,
@@ -874,19 +874,19 @@ StScrollBar {
.calendar-today:focus,
.calendar-today:hover {
font-weight: bold;
- color: #fdf6e3;
- background-color: #268bd2;
+ color: #ffffff;
+ background-color: #5294e2;
border-width: 0; }
.calendar-day-with-events {
- color: #268bd2;
+ color: #5294e2;
font-weight: bold; }
.calendar-today.calendar-day-with-events {
- color: #fdf6e3; }
+ color: #ffffff; }
.calendar-other-month-day {
- color: rgba(101, 123, 131, 0.3);
+ color: rgba(211, 218, 227, 0.3);
opacity: 1; }
.message-list {
@@ -901,7 +901,7 @@ StScrollBar {
width: 0;
height: 0; }
.message-list-placeholder StLabel {
- color: rgba(101, 123, 131, 0.45); }
+ color: rgba(211, 218, 227, 0.45); }
.message-list-section-close > StIcon {
icon-size: 18px;
border-radius: 0px;
@@ -919,13 +919,13 @@ StScrollBar {
.message {
padding: 4px;
- color: #657b83;
+ color: #D3DAE3;
border-image: url("dark-assets/misc/message.svg") 9 9 9 9; }
.message:hover, .message:focus {
- color: #657b83;
+ color: #D3DAE3;
border-image: url("dark-assets/misc/message-hover.svg") 9 9 9 9; }
.message:active {
- color: #fdf6e3;
+ color: #ffffff;
border-image: url("dark-assets/misc/message-active.svg") 9 9 9 9; }
.message-icon-bin {
padding: 8px 0px 8px 8px; }
@@ -934,7 +934,7 @@ StScrollBar {
.message-icon-bin > StIcon {
icon-size: 48px; }
.message-secondary-bin {
- color: rgba(101, 123, 131, 0.4); }
+ color: rgba(211, 218, 227, 0.4); }
.message-secondary-bin > StIcon {
icon-size: 16px; }
.message-title {
@@ -992,13 +992,13 @@ StScrollBar {
font-weight: bold;
text-align: center; }
.nm-dialog-airplane-text {
- color: #657b83; }
+ color: #D3DAE3; }
.nm-dialog-header-icon {
icon-size: 32px; }
.nm-dialog-scroll-view {
- border: 1px solid #001317;
+ border: 1px solid #2b2e39;
border-radius: 2px;
- background-color: #073642; }
+ background-color: #404552; }
.nm-dialog-header {
font-weight: bold;
font-size: 1.2em; }
@@ -1008,15 +1008,15 @@ StScrollBar {
padding: 12px;
spacing: 0px; }
.nm-dialog-item:selected {
- background-color: #268bd2;
- color: #fdf6e3; }
+ background-color: #5294e2;
+ color: #ffffff; }
.nm-dialog-icons {
spacing: .5em; }
.nm-dialog-icon {
icon-size: 16px; }
.no-networks-label {
- color: rgba(101, 123, 131, 0.45); }
+ color: rgba(211, 218, 227, 0.45); }
.no-networks-box {
spacing: 12px; }
@@ -1037,13 +1037,13 @@ StScrollBar {
padding: 32px; }
.window-clone-border {
- border: 3px solid rgba(38, 139, 210, 0.8);
+ border: 3px solid rgba(82, 148, 226, 0.8);
border-radius: 4px;
- box-shadow: inset 0px 0px 0px 1px rgba(38, 139, 210, 0); }
+ box-shadow: inset 0px 0px 0px 1px rgba(82, 148, 226, 0); }
.window-caption, .window-caption:hover {
spacing: 25px;
- color: #657b83;
+ color: #BAC3CF;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 2px;
padding: 4px 12px;
@@ -1054,21 +1054,21 @@ StScrollBar {
padding: 7px 9px;
border-radius: 20px;
border: 1px solid rgba(0, 0, 0, 0.25);
- background-color: rgba(7, 54, 66, 0.9); }
+ background-color: rgba(64, 69, 82, 0.9); }
.search-entry:focus {
padding: 7px 9px; }
.search-entry .search-entry-icon {
icon-size: 16px;
padding: 0 4px;
- color: #657b83; }
+ color: #D3DAE3; }
.search-entry:hover, .search-entry:focus {
- color: #fdf6e3;
- caret-color: #fdf6e3;
- background-color: #268bd2;
- selection-background-color: #fdf6e3;
- selected-color: #268bd2; }
+ color: #ffffff;
+ caret-color: #ffffff;
+ background-color: #5294e2;
+ selection-background-color: #ffffff;
+ selected-color: #5294e2; }
.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
- color: #fdf6e3; }
+ color: #ffffff; }
#searchResultsBin {
max-width: 1000px; }
@@ -1113,19 +1113,17 @@ StScrollBar {
#dash {
font-size: 1em;
- color: #657b83;
- background-color: rgba(7, 54, 66, 0.95);
+ color: #BAC3CF;
+ background-color: rgba(53, 57, 69, 0.95);
border-color: rgba(0, 0, 0, 0.4);
- padding: 6px 1px 6px 0px;
+ padding: 4px 0;
border-radius: 0 3px 3px 0; }
#dash:rtl {
border-radius: 3px 0 0 3px; }
.right #dash, #dash:rtl {
- padding: 6px 0px 6px 1px; }
- .bottom #dash {
- padding: 1px 6px 0px 6px; }
- .top #dash {
- padding: 0px 6px 1px 6px; }
+ padding: 4px 0; }
+ .top #dash, .bottom #dash {
+ padding: 0; }
#dash .placeholder {
background-image: url("common-assets/dash/dash-placeholder.svg");
background-size: contain;
@@ -1134,14 +1132,11 @@ StScrollBar {
width: 24px;
height: 24px; }
-.dash-item-container > StWidget {
- padding: 0px 4px 0px 5px; }
- .right .dash-item-container > StWidget, .dash-item-container > StWidget:rtl {
- padding: 0px 5px 0px 4px; }
- .bottom .dash-item-container > StWidget {
- padding: 4px 0px 5px 0px; }
- .top .dash-item-container > StWidget {
- padding: 5px 0px 4px 0px; }
+.dash-item-container > StWidget, .dash-item-container > StWidget:rtl, .right .dash-item-container > StWidget {
+ padding: 4px 8px; }
+
+.top .dash-item-container > StWidget, .bottom .dash-item-container > StWidget {
+ padding: 6px; }
.dash-label {
border-radius: 3px;
@@ -1154,30 +1149,24 @@ StScrollBar {
-y-offset: 3px;
-x-offset: 0; }
-#dash .app-well-app .overview-icon,
-.right #dash .app-well-app .overview-icon,
-.bottom #dash .app-well-app .overview-icon,
-.top #dash .app-well-app .overview-icon {
- padding: 10px; }
-
#dash .app-well-app:hover .overview-icon,
.right #dash .app-well-app:hover .overview-icon,
.bottom #dash .app-well-app:hover .overview-icon,
.top #dash .app-well-app:hover .overview-icon {
- background-color: #268bd2; }
+ background-color: #5294e2; }
#dash .app-well-app:active .overview-icon,
.right #dash .app-well-app:active .overview-icon,
.bottom #dash .app-well-app:active .overview-icon,
.top #dash .app-well-app:active .overview-icon {
box-shadow: none;
- background-color: #1e6ea7; }
+ background-color: #2679db; }
#dash .app-well-app-running-dot {
width: 11px;
height: 2px;
- margin-bottom: 6px;
- background-color: #268bd2; }
+ margin-bottom: 2px;
+ background-color: #5294e2; }
#dashtodockContainer .app-well-app-running-dot {
background: none;
@@ -1197,21 +1186,20 @@ StScrollBar {
background-image: url("common-assets/dash/running4.svg"); }
.show-apps .overview-icon {
- padding: 11px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 2px;
border: 0px solid; }
.show-apps:hover .overview-icon {
background-color: rgba(0, 0, 0, 0.7);
- color: #268bd2; }
+ color: #5294e2; }
.show-apps:active .overview-icon,
.show-apps:active .show-apps-icon,
.show-apps:checked .overview-icon,
.show-apps:checked .show-apps-icon {
- color: #fdf6e3;
- background-color: #268bd2;
+ color: #ffffff;
+ background-color: #5294e2;
box-shadow: none;
transition-duration: 0ms; }
@@ -1227,20 +1215,20 @@ StScrollBar {
.app-view-control {
padding: 4px 32px;
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(18, 137, 167, 0.35);
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #BAC3CF;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.35);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.app-view-control:hover {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(21, 163, 200, 0.45);
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #BAC3CF;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(119, 127, 151, 0.45);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.app-view-control:checked {
- color: #fdf6e3;
- background-color: #268bd2; }
+ color: #ffffff;
+ background-color: #5294e2; }
.app-view-control:first-child:ltr, .app-view-control:last-child:rtl {
border-radius: 2px 0 0 2px;
border-right-width: 0; }
@@ -1251,13 +1239,13 @@ StScrollBar {
.search-provider-icon:active, .search-provider-icon:checked,
.list-search-result:active,
.list-search-result:checked {
- background-color: rgba(2, 16, 20, 0.85); }
+ background-color: rgba(31, 33, 40, 0.85); }
.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(101, 123, 131, 0.4);
+ background-color: rgba(186, 195, 207, 0.4);
transition-duration: 200ms; }
.app-well-app:active .overview-icon,
@@ -1266,8 +1254,8 @@ StScrollBar {
.app-well-app.app-folder:checked .overview-icon,
.grid-search-result:active .overview-icon,
.grid-search-result:checked .overview-icon {
- background-color: rgba(2, 16, 20, 0.85);
- box-shadow: inset 0 0 #268bd2; }
+ background-color: rgba(31, 33, 40, 0.85);
+ box-shadow: inset 0 0 #5294e2; }
.app-well-app:hover .overview-icon,
.app-well-app:focus .overview-icon,
@@ -1278,7 +1266,7 @@ StScrollBar {
.grid-search-result:hover .overview-icon,
.grid-search-result:focus .overview-icon,
.grid-search-result:selected .overview-icon {
- background-color: rgba(101, 123, 131, 0.4);
+ background-color: rgba(186, 195, 207, 0.4);
transition-duration: 0ms;
border-image: none;
background-image: none; }
@@ -1287,7 +1275,7 @@ StScrollBar {
width: 20px;
height: 2px;
margin-bottom: 4px;
- background-color: #268bd2; }
+ background-color: #5294e2; }
.search-provider-icon,
.list-search-result, .app-well-app .overview-icon,
@@ -1301,23 +1289,23 @@ StScrollBar {
text-align: center; }
.app-well-app.app-folder > .overview-icon {
- background-color: rgba(3, 24, 29, 0.95);
+ background-color: rgba(35, 38, 46, 0.95);
border: 1px solid rgba(0, 0, 0, 0.45); }
.app-well-app.app-folder:hover > .overview-icon {
- background-color: rgba(8, 65, 80, 0.95); }
+ background-color: rgba(60, 64, 78, 0.95); }
.app-well-app.app-folder:active > .overview-icon, .app-well-app.app-folder:checked > .overview-icon {
- color: #fdf6e3;
- background-color: #268bd2;
+ color: #ffffff;
+ background-color: #5294e2;
box-shadow: none; }
.app-well-app.app-folder:focus > .overview-icon {
- background-color: #268bd2; }
+ background-color: #5294e2; }
.app-folder-popup {
-arrow-border-radius: 2px;
- -arrow-background-color: rgba(3, 24, 29, 0.95);
+ -arrow-background-color: rgba(35, 38, 46, 0.95);
-arrow-border-color: rgba(0, 0, 0, 0.45);
-arrow-border-width: 1px;
-arrow-base: 5;
@@ -1367,7 +1355,7 @@ StScrollBar {
border-image: url("common-assets/dash/dash-left.svg") 9 9 9 9; }
.workspace-thumbnail-indicator {
- border: 4px solid rgba(38, 139, 210, 0.8);
+ border: 4px solid rgba(82, 148, 226, 0.8);
border-radius: 1px;
padding: 1px; }
@@ -1379,10 +1367,10 @@ StScrollBar {
.search-statustext, .no-frequent-applications-label {
font-size: 2em;
font-weight: bold;
- color: #657b83; }
+ color: #D3DAE3; }
.url-highlighter {
- link-color: #78b9e6; }
+ link-color: #a9caf1; }
.notification-banner,
.notification-banner:hover,
@@ -1391,7 +1379,7 @@ StScrollBar {
width: 34em;
margin: 5px;
padding: 10px;
- color: #657b83;
+ color: #D3DAE3;
background-color: transparent;
border: 1px solid transparent;
border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; }
@@ -1435,7 +1423,7 @@ StScrollBar {
margin: 5px; }
.chat-log-message {
- color: #657b83; }
+ color: #D3DAE3; }
.chat-new-group {
padding-top: 1em; }
@@ -1448,7 +1436,7 @@ StScrollBar {
.chat-sent {
padding-left: 18pt;
- color: #268bd2; }
+ color: #5294e2; }
.chat-sent:rtl {
padding-left: 0;
padding-right: 18pt; }
@@ -1457,7 +1445,7 @@ StScrollBar {
padding-left: 4px;
font-size: 9pt;
font-weight: bold;
- color: rgba(101, 123, 131, 0.6); }
+ color: rgba(211, 218, 227, 0.6); }
.chat-meta-message:rtl {
padding-left: 0;
padding-right: 4px; }
@@ -1485,7 +1473,7 @@ StScrollBar {
spacing: 8px;
border-radius: 4px; }
.hotplug-resident-mount:hover {
- background-color: rgba(0, 43, 54, 0.3); }
+ background-color: rgba(56, 60, 74, 0.3); }
.hotplug-resident-mount-label {
color: inherit;
@@ -1504,7 +1492,7 @@ StScrollBar {
color: pink; }
.legacy-tray {
- background-color: rgba(5, 36, 44, 0.95); }
+ background-color: rgba(43, 46, 55, 0.95); }
.legacy-tray:ltr {
border-radius: 0 2px 0 0;
border-left-width: 0; }
@@ -1521,7 +1509,7 @@ StScrollBar {
.legacy-tray-handle:hover, .legacy-tray-handle:focus,
.legacy-tray-icon:hover,
.legacy-tray-icon:focus {
- background-color: rgba(101, 123, 131, 0.1); }
+ background-color: rgba(211, 218, 227, 0.1); }
.legacy-tray-icon-box {
spacing: 12px; }
@@ -1534,12 +1522,12 @@ StScrollBar {
height: 24px; }
.magnifier-zoom-region {
- border: 2px solid #268bd2; }
+ border: 2px solid #5294e2; }
.magnifier-zoom-region.full-screen {
border-width: 0; }
#keyboard {
- background-color: rgba(7, 54, 66, 0.95);
+ background-color: rgba(53, 57, 69, 0.95);
border-width: 0;
border-top-width: 1px;
border-color: rgba(0, 0, 0, 0.2); }
@@ -1558,35 +1546,35 @@ StScrollBar {
font-weight: bold;
border-radius: 3px;
box-shadow: none;
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(18, 137, 167, 0.35);
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #BAC3CF;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.35);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.keyboard-key:hover {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(21, 163, 200, 0.45);
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #BAC3CF;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(119, 127, 151, 0.45);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.keyboard-key:active, .keyboard-key:checked {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #fdf6e3;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: #268bd2;
- box-shadow: inset 0 1px rgba(38, 139, 210, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #ffffff;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: #5294e2;
+ box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.keyboard-key:grayed {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #234b56;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(18, 137, 167, 0.2);
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #5d626e;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.2);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.keyboard-subkeys {
- color: #657b83;
+ color: #BAC3CF;
padding: 5px;
-arrow-border-radius: 2px;
- -arrow-background-color: rgba(7, 54, 66, 0.95);
+ -arrow-background-color: rgba(53, 57, 69, 0.95);
-arrow-border-width: 1px;
-arrow-border-color: rgba(0, 0, 0, 0.4);
-arrow-base: 20px;
@@ -1596,20 +1584,20 @@ StScrollBar {
.candidate-popup-content {
padding: 0.5em;
spacing: 0.3em;
- color: #657b83;
+ color: #BAC3CF;
font-size: 1.15em; }
.candidate-index {
padding: 0 0.5em 0 0;
- color: #7f949c; }
+ color: #d8dde4; }
.candidate-box {
padding: 0.3em 0.5em 0.3em 0.5em;
border-radius: 2px;
- color: #657b83; }
+ color: #BAC3CF; }
.candidate-box:selected, .candidate-box:hover {
- background-color: #268bd2;
- color: #fdf6e3; }
+ background-color: #5294e2;
+ color: #ffffff; }
.candidate-page-button-box {
height: 2em; }
@@ -1634,11 +1622,11 @@ StScrollBar {
.framed-user-icon {
background-size: contain;
border: 0px solid transparent;
- color: #657b83;
+ color: #D3DAE3;
border-radius: 2px; }
.framed-user-icon:hover {
border-color: transparent;
- color: #b8c4c9; }
+ color: white; }
.login-dialog-banner-view {
padding-top: 24px;
@@ -1652,41 +1640,41 @@ StScrollBar {
.login-dialog .modal-dialog-button {
padding: 3px 18px; }
.login-dialog .modal-dialog-button:default {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- background-color: #083e4b;
- border: 1px solid #001317;
- box-shadow: inset 0 1px rgba(8, 62, 75, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #D3DAE3;
+ background-color: #444a58;
+ border: 1px solid #2b2e39;
+ box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- background-color: #0a5062;
- border: 1px solid #001317;
- box-shadow: inset 0 1px rgba(10, 80, 98, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #D3DAE3;
+ background-color: #505666;
+ border: 1px solid #2b2e39;
+ box-shadow: inset 0 1px rgba(80, 86, 102, 0.05); }
.login-dialog .modal-dialog-button:default:active {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid #001317;
- box-shadow: inset 0 1px rgba(38, 139, 210, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid #2b2e39;
+ box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.login-dialog .modal-dialog-button:default:insensitive {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: rgba(101, 123, 131, 0.45);
- border: 1px solid rgba(0, 19, 23, 0.55);
- background-color: rgba(8, 62, 75, 0.55);
- box-shadow: inset 0 1px rgba(8, 62, 75, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: rgba(211, 218, 227, 0.45);
+ border: 1px solid rgba(43, 46, 57, 0.55);
+ background-color: rgba(68, 74, 88, 0.55);
+ box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
.login-dialog-logo-bin {
padding: 24px 0px; }
.login-dialog-banner {
- color: #4f6066; }
+ color: #9ca9ba; }
.login-dialog-button-box {
spacing: 5px; }
.login-dialog-message-warning {
- color: #cb4b16; }
+ color: #F27835; }
.login-dialog-message-hint {
padding-top: 0;
@@ -1698,12 +1686,12 @@ StScrollBar {
padding-left: 2px; }
.login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label,
.login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label {
- color: #657b83; }
+ color: #BAC3CF; }
.login-dialog-not-listed-label {
font-size: 90%;
font-weight: bold;
- color: #222a2d;
+ color: #62758e;
padding-top: 1em; }
.login-dialog-user-list-view {
@@ -1714,32 +1702,32 @@ StScrollBar {
padding: .2em;
width: 23em; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:focus {
- background-color: #268bd2;
- color: #fdf6e3; }
+ background-color: #5294e2;
+ color: #ffffff; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
- border-right: 2px solid #268bd2; }
+ border-right: 2px solid #5294e2; }
.login-dialog-user-list-item {
border-radius: 5px;
padding: .2em;
- color: #222a2d; }
+ color: #62758e; }
.login-dialog-user-list-item:ltr {
padding-right: 1em; }
.login-dialog-user-list-item:rtl {
padding-left: 1em; }
.login-dialog-user-list-item:hover {
- background-color: #268bd2;
- color: #fdf6e3; }
+ background-color: #5294e2;
+ color: #ffffff; }
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin: 2px 0 0 0;
- background-color: #657b83; }
+ background-color: #BAC3CF; }
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
- background-color: #fdf6e3; }
+ background-color: #ffffff; }
.login-dialog-username,
.user-widget-label {
- color: #657b83;
+ color: #BAC3CF;
font-size: 120%;
font-weight: bold;
text-align: left;
@@ -1758,7 +1746,7 @@ StScrollBar {
width: 23em; }
.login-dialog-prompt-label {
- color: #394549;
+ color: #7e8fa5;
font-size: 110%;
padding-top: 1em; }
@@ -1766,11 +1754,11 @@ StScrollBar {
icon-size: 1.25em; }
.login-dialog-session-list-button {
- color: #222a2d; }
+ color: #62758e; }
.login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus {
- color: #657b83; }
+ color: #BAC3CF; }
.login-dialog-session-list-button:active {
- color: black; }
+ color: #394351; }
.screen-shield-arrows {
padding-bottom: 3em; }
@@ -1807,9 +1795,9 @@ StScrollBar {
.screen-shield-notifications-container .notification,
.screen-shield-notifications-container .screen-shield-notification-source {
padding: 12px 6px;
- border: 1px solid rgba(101, 123, 131, 0.2);
- background-color: rgba(7, 54, 66, 0.45);
- color: #657b83;
+ border: 1px solid rgba(186, 195, 207, 0.2);
+ background-color: rgba(53, 57, 69, 0.45);
+ color: #BAC3CF;
border-radius: 4px; }
.screen-shield-notifications-container .notification {
margin-right: 15px; }
@@ -1822,7 +1810,7 @@ StScrollBar {
padding: 0px 0px 0px 12px; }
#panel.lock-screen {
- background-color: rgba(7, 54, 66, 0.5); }
+ background-color: rgba(53, 57, 69, 0.5); }
.screen-shield-background {
background: black;
@@ -1833,11 +1821,11 @@ StScrollBar {
background-repeat: repeat; }
#screenShieldNotifications StButton#vhandle, #screenShieldNotifications StButton#hhandle {
- background-color: rgba(0, 43, 54, 0.3); }
+ background-color: rgba(56, 60, 74, 0.3); }
#screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus {
- background-color: rgba(0, 43, 54, 0.5); }
+ background-color: rgba(56, 60, 74, 0.5); }
#screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active {
- background-color: rgba(38, 139, 210, 0.5); }
+ background-color: rgba(82, 148, 226, 0.5); }
#LookingGlassDialog {
spacing: 4px;
@@ -1846,7 +1834,7 @@ StScrollBar {
border: 1px solid black;
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
border-radius: 2px;
- color: #657b83; }
+ color: #BAC3CF; }
#LookingGlassDialog > #Toolbar {
padding: 3px;
border: none;
@@ -1858,7 +1846,7 @@ StScrollBar {
-natural-hpadding: 12px;
-minimum-hpadding: 6px;
font-weight: bold;
- color: #657b83;
+ color: #BAC3CF;
transition-duration: 100ms;
padding-left: .3em;
padding-right: .3em; }
@@ -1867,7 +1855,7 @@ StScrollBar {
text-shadow: black 0px 2px 2px; }
#LookingGlassDialog .notebook-tab:selected {
border-bottom-width: 0px;
- color: #268bd2;
+ color: #5294e2;
text-shadow: black 0px 2px 2px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
@@ -1876,22 +1864,22 @@ StScrollBar {
spacing: 4px; }
.lg-dialog StEntry {
- selection-background-color: #268bd2;
- selected-color: #fdf6e3;
- color: #657b83;
- background-color: rgba(18, 137, 167, 0.35);
- border: 1px solid rgba(1, 9, 11, 0.35);
+ selection-background-color: #5294e2;
+ selected-color: #ffffff;
+ color: #BAC3CF;
+ background-color: rgba(102, 109, 132, 0.35);
+ border: 1px solid rgba(26, 28, 34, 0.35);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
.lg-dialog StEntry:focus {
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid rgba(1, 9, 11, 0.35);
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid rgba(26, 28, 34, 0.35);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
.lg-dialog .shell-link {
- color: #78b9e6; }
+ color: #a9caf1; }
.lg-dialog .shell-link:hover {
- color: #a3cfee; }
+ color: #d5e5f8; }
.lg-completions-text {
font-size: .9em;
@@ -1905,7 +1893,7 @@ StScrollBar {
padding: 4px;
border-radius: 4px; }
.lg-obj-inspector-button:hover {
- border: 1px solid #fdf6e3; }
+ border: 1px solid #ffffff; }
#lookingGlassExtensions {
padding: 4px; }
@@ -1917,7 +1905,7 @@ StScrollBar {
.lg-extension {
border: 1px solid rgba(0, 0, 0, 0.7);
border-radius: 2px;
- background-color: rgba(7, 54, 66, 0.95);
+ background-color: rgba(53, 57, 69, 0.95);
padding: 4px; }
.lg-extension-name {
diff --git a/common/gnome-shell/3.16/gnome-shell.css b/common/gnome-shell/3.16/gnome-shell.css
index 29cb859..dfeb16d 100644
--- a/common/gnome-shell/3.16/gnome-shell.css
+++ b/common/gnome-shell/3.16/gnome-shell.css
@@ -30,93 +30,93 @@ stage {
.button, .notification-banner .notification-button,
.notification-banner:hover .notification-button,
.notification-banner:focus .notification-button, .hotplug-notification-item {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fbfbfc;
- border: 1px solid #657b83;
+ border: 1px solid #cfd6e6;
box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); }
.button:focus, .notification-banner .notification-button:focus, .hotplug-notification-item:focus {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fbfbfc;
- border: 1px solid #268bd2;
+ border: 1px solid #5294e2;
box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); }
.button:hover, .notification-banner .notification-button:hover, .hotplug-notification-item:hover {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: white;
- border: 1px solid #657b83;
+ border: 1px solid #cfd6e6;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
.button:hover:focus, .notification-banner .notification-button:hover:focus, .hotplug-notification-item:hover:focus {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fbfbfc;
- border: 1px solid #268bd2;
+ border: 1px solid #5294e2;
box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); }
.button:active, .notification-banner .notification-button:active, .hotplug-notification-item:active, .button:active:focus, .notification-banner .notification-button:active:focus, .hotplug-notification-item:active:focus {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid #268bd2;
- box-shadow: inset 0 1px rgba(38, 139, 210, 0.05); }
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid #5294e2;
+ box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.button:insensitive, .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
color: rgba(92, 97, 108, 0.55);
- border: 1px solid rgba(101, 123, 131, 0.55);
+ border: 1px solid rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55);
box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); }
.modal-dialog-button-box .button {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
- color: #657b83;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(18, 137, 167, 0.35);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #BAC3CF;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.35);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.modal-dialog-button-box .button:hover {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
- color: #657b83;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(21, 163, 200, 0.45);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #BAC3CF;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(119, 127, 151, 0.45);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.modal-dialog-button-box .button:focus {
- color: #268bd2; }
+ color: #5294e2; }
.modal-dialog-button-box .button:active {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
- color: #fdf6e3;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: #268bd2;
- box-shadow: inset 0 1px rgba(38, 139, 210, 0.05); }
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #ffffff;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: #5294e2;
+ box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.modal-dialog-button-box .button:insensitive {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
- color: #234b56;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(18, 137, 167, 0.2);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #5d626e;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.2);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
StEntry {
padding: 7px;
caret-size: 1px;
- selection-background-color: #268bd2;
- selected-color: #fdf6e3;
+ selection-background-color: #5294e2;
+ selected-color: #ffffff;
transition-duration: 300ms;
border-radius: 3px;
color: #5c616c;
- background-color: #fdf6e3;
- border: 1px solid #657b83;
- box-shadow: inset 0 2px 4px rgba(253, 246, 227, 0.05); }
+ background-color: #ffffff;
+ border: 1px solid #cfd6e6;
+ box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); }
StEntry:focus, StEntry:hover {
color: #5c616c;
- background-color: #fdf6e3;
- border: 1px solid #268bd2;
- box-shadow: inset 0 2px 4px rgba(253, 246, 227, 0.05); }
+ background-color: #ffffff;
+ border: 1px solid #5294e2;
+ box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); }
StEntry:insensitive {
color: rgba(92, 97, 108, 0.55);
- background-color: #f9f6ec;
- border-color: 1px solid #a6b2b7;
- box-shadow: inset 0 2px 4px rgba(249, 246, 236, 0.05); }
+ background-color: #fbfbfb;
+ border-color: 1px solid #e0e4ee;
+ box-shadow: inset 0 2px 4px rgba(251, 251, 251, 0.05); }
StEntry StIcon.capslock-warning {
icon-size: 16px;
- warning-color: #cb4b16;
+ warning-color: #F27835;
padding: 0 4px; }
StScrollView.vfade {
@@ -131,7 +131,7 @@ StScrollBar {
min-width: 5px;
min-height: 5px; }
StScrollBar StBin#trough {
- background-color: rgba(253, 246, 227, 0.1);
+ background-color: rgba(255, 255, 255, 0.1);
border-radius: 8px; }
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
border-radius: 4px;
@@ -141,13 +141,13 @@ StScrollBar {
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
background-color: #c7c9cd; }
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
- background-color: #268bd2; }
+ background-color: #5294e2; }
.slider {
-slider-height: 4px;
- -slider-background-color: #657b83;
+ -slider-background-color: #cfd6e6;
-slider-border-color: transparent;
- -slider-active-background-color: #268bd2;
+ -slider-active-background-color: #5294e2;
-slider-active-border-color: transparent;
-slider-border-width: 0;
-slider-handle-radius: 0px;
@@ -158,7 +158,7 @@ StScrollBar {
color: transparent; }
.popup-menu-item.selected .slider {
-slider-background-color: rgba(0, 0, 0, 0.2);
- -slider-active-background-color: #fdf6e3; }
+ -slider-active-background-color: #ffffff; }
.check-box StBoxLayout {
spacing: .8em; }
@@ -190,9 +190,9 @@ StScrollBar {
background-image: url("common-assets/switch/switch-on-selected.svg"); }
.shell-link {
- color: #1e6ea7; }
+ color: #2679db; }
.shell-link:hover {
- color: #268bd2; }
+ color: #5294e2; }
.headline {
font-size: 110%; }
@@ -252,7 +252,7 @@ StScrollBar {
text-align: right; }
.end-session-dialog-warning {
width: 28em;
- color: #cb4b16;
+ color: #F27835;
padding-top: 6px; }
.end-session-dialog-warning:rtl {
text-align: right; }
@@ -286,16 +286,16 @@ StScrollBar {
font-size: 8pt; }
.end-session-dialog .button:last-child {
color: white;
- background-color: #dc322f;
- border-color: #dc322f; }
+ background-color: #F04A50;
+ border-color: #F04A50; }
.end-session-dialog .button:last-child:hover {
color: white;
- background-color: #e35956;
- border-color: #e35956; }
+ background-color: #f47479;
+ border-color: #f47479; }
.end-session-dialog .button:last-child:active {
color: white;
- background-color: #cf2623;
- border-color: #cf2623; }
+ background-color: #ee3239;
+ border-color: #ee3239; }
.shell-mount-operation-icon {
icon-size: 48px; }
@@ -371,7 +371,7 @@ StScrollBar {
padding-bottom: 1em; }
.prompt-dialog-error-label {
font-size: 9pt;
- color: #dc322f;
+ color: #FC4138;
padding-bottom: 8px; }
.prompt-dialog-info-label {
font-size: 9pt;
@@ -391,7 +391,7 @@ StScrollBar {
padding-right: 10px; }
.polkit-dialog-user-root-label {
- color: #cb4b16; }
+ color: #F27835; }
.polkit-dialog-user-user-icon {
border-radius: 2px;
@@ -429,7 +429,7 @@ StScrollBar {
box-shadow: none;
border-image: url("light-assets/menu/submenu-open.svg") 9 9 9 9; }
.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected {
- color: #fdf6e3;
+ color: #ffffff;
background-color: transparent;
border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; }
.popup-menu .popup-menu-item:insensitive {
@@ -458,7 +458,7 @@ StScrollBar {
.candidate-popup-boxpointer {
-arrow-border-radius: 2px;
- -arrow-background-color: rgba(7, 54, 66, 0.95);
+ -arrow-background-color: rgba(53, 57, 69, 0.95);
-arrow-border-width: 1px;
-arrow-border-color: rgba(0, 0, 0, 0.4);
-arrow-base: 5;
@@ -495,10 +495,10 @@ StScrollBar {
height: 4px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 2px;
- color: #268bd2; }
+ color: #5294e2; }
.resize-popup {
- color: #657b83;
+ color: #BAC3CF;
background: none;
border: none;
border-radius: 5px;
@@ -523,11 +523,11 @@ StScrollBar {
border: 1px solid transparent; }
.switcher-list .item-box:outlined {
padding: 8px;
- border: 1px solid #268bd2; }
+ border: 1px solid #5294e2; }
.switcher-list .item-box:selected {
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid #268bd2; }
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid #5294e2; }
.switcher-list .thumbnail-box {
padding: 2px;
spacing: 4px; }
@@ -539,7 +539,7 @@ StScrollBar {
.switcher-arrow {
border-color: transparent;
- color: #657b83; }
+ color: #BAC3CF; }
.switcher-arrow:highlighted {
color: white; }
@@ -564,10 +564,10 @@ StScrollBar {
.ws-switcher-active-up, .ws-switcher-active-down {
height: 30px;
- background-color: #268bd2;
+ background-color: #5294e2;
background-size: 96px;
border-radius: 2px;
- border: 1px solid #268bd2; }
+ border: 1px solid #5294e2; }
.ws-switcher-active-up {
background-image: url("common-assets/misc/ws-switch-arrow-up.png"); }
@@ -582,8 +582,8 @@ StScrollBar {
border-radius: 2px; }
.tile-preview {
- background-color: rgba(38, 139, 210, 0.35);
- border: 1px solid #268bd2; }
+ background-color: rgba(82, 148, 226, 0.35);
+ border: 1px solid #5294e2; }
.tile-preview-left.on-primary {
border-radius: 0px 0 0 0; }
.tile-preview-right.on-primary {
@@ -638,8 +638,8 @@ StScrollBar {
border-bottom-width: 1px;
border-color: transparent; }
#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
- color: #fdf6e3;
- background-color: #268bd2;
+ color: #ffffff;
+ background-color: #5294e2;
box-shadow: none;
border-bottom-width: 1px;
border-color: black; }
@@ -666,9 +666,9 @@ StScrollBar {
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .screencast-indicator {
- color: #dc322f; }
+ color: #FC4138; }
#panel .clock-display > * > *:last-child {
- color: #268bd2;
+ color: #5294e2;
margin-left: .3em; }
#panel .popup-menu-arrow {
width: 0; }
@@ -721,11 +721,11 @@ StScrollBar {
padding: 13px;
color: #5c616c;
background-color: transparent;
- border: 1px solid #268bd2; }
+ border: 1px solid #5294e2; }
.system-menu-action:active {
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid #268bd2; }
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid #5294e2; }
.system-menu-action > StIcon {
icon-size: 16px; }
@@ -763,25 +763,25 @@ StScrollBar {
.world-clocks-button,
.message-list-section-title {
padding: 7px 10px 7px 10px;
- border: 1px solid rgba(253, 246, 227, 0); }
+ border: 1px solid rgba(255, 255, 255, 0); }
.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.message-list-section-title:hover,
.message-list-section-title:focus {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: white;
- border: 1px solid #657b83;
+ border: 1px solid #cfd6e6;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
.datemenu-today-button:active,
.world-clocks-button:active,
.message-list-section-title:active {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid #268bd2;
- box-shadow: inset 0 1px rgba(38, 139, 210, 0.05); }
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid #5294e2;
+ box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.datemenu-today-button .date-label {
font-size: 1.5em; }
@@ -792,7 +792,7 @@ StScrollBar {
font-weight: bold; }
.world-clocks-button:active .world-clocks-header {
- color: #fdf6e3; }
+ color: #ffffff; }
.world-clocks-grid {
spacing-rows: 0.4em; }
@@ -874,16 +874,16 @@ StScrollBar {
.calendar-today:focus,
.calendar-today:hover {
font-weight: bold;
- color: #fdf6e3;
- background-color: #268bd2;
+ color: #ffffff;
+ background-color: #5294e2;
border-width: 0; }
.calendar-day-with-events {
- color: #268bd2;
+ color: #5294e2;
font-weight: bold; }
.calendar-today.calendar-day-with-events {
- color: #fdf6e3; }
+ color: #ffffff; }
.calendar-other-month-day {
color: rgba(92, 97, 108, 0.3);
@@ -925,7 +925,7 @@ StScrollBar {
color: #5c616c;
border-image: url("light-assets/misc/message-hover.svg") 9 9 9 9; }
.message:active {
- color: #fdf6e3;
+ color: #ffffff;
border-image: url("light-assets/misc/message-active.svg") 9 9 9 9; }
.message-icon-bin {
padding: 8px 0px 8px 8px; }
@@ -998,7 +998,7 @@ StScrollBar {
.nm-dialog-scroll-view {
border: 1px solid #dcdfe3;
border-radius: 2px;
- background-color: #fdf6e3; }
+ background-color: #ffffff; }
.nm-dialog-header {
font-weight: bold;
font-size: 1.2em; }
@@ -1008,8 +1008,8 @@ StScrollBar {
padding: 12px;
spacing: 0px; }
.nm-dialog-item:selected {
- background-color: #268bd2;
- color: #fdf6e3; }
+ background-color: #5294e2;
+ color: #ffffff; }
.nm-dialog-icons {
spacing: .5em; }
.nm-dialog-icon {
@@ -1037,13 +1037,13 @@ StScrollBar {
padding: 32px; }
.window-clone-border {
- border: 3px solid rgba(38, 139, 210, 0.8);
+ border: 3px solid rgba(82, 148, 226, 0.8);
border-radius: 4px;
- box-shadow: inset 0px 0px 0px 1px rgba(38, 139, 210, 0); }
+ box-shadow: inset 0px 0px 0px 1px rgba(82, 148, 226, 0); }
.window-caption, .window-caption:hover {
spacing: 25px;
- color: #657b83;
+ color: #BAC3CF;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 2px;
padding: 4px 12px;
@@ -1054,7 +1054,7 @@ StScrollBar {
padding: 7px 9px;
border-radius: 20px;
border: 1px solid rgba(0, 0, 0, 0.25);
- background-color: rgba(253, 246, 227, 0.9); }
+ background-color: rgba(255, 255, 255, 0.9); }
.search-entry:focus {
padding: 7px 9px; }
.search-entry .search-entry-icon {
@@ -1062,13 +1062,13 @@ StScrollBar {
padding: 0 4px;
color: #5c616c; }
.search-entry:hover, .search-entry:focus {
- color: #fdf6e3;
- caret-color: #fdf6e3;
- background-color: #268bd2;
- selection-background-color: #fdf6e3;
- selected-color: #268bd2; }
+ color: #ffffff;
+ caret-color: #ffffff;
+ background-color: #5294e2;
+ selection-background-color: #ffffff;
+ selected-color: #5294e2; }
.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
- color: #fdf6e3; }
+ color: #ffffff; }
#searchResultsBin {
max-width: 1000px; }
@@ -1113,19 +1113,17 @@ StScrollBar {
#dash {
font-size: 1em;
- color: #657b83;
- background-color: rgba(7, 54, 66, 0.95);
+ color: #BAC3CF;
+ background-color: rgba(53, 57, 69, 0.95);
border-color: rgba(0, 0, 0, 0.4);
- padding: 6px 1px 6px 0px;
+ padding: 4px 0;
border-radius: 0 3px 3px 0; }
#dash:rtl {
border-radius: 3px 0 0 3px; }
.right #dash, #dash:rtl {
- padding: 6px 0px 6px 1px; }
- .bottom #dash {
- padding: 1px 6px 0px 6px; }
- .top #dash {
- padding: 0px 6px 1px 6px; }
+ padding: 4px 0; }
+ .top #dash, .bottom #dash {
+ padding: 0; }
#dash .placeholder {
background-image: url("common-assets/dash/dash-placeholder.svg");
background-size: contain;
@@ -1134,14 +1132,11 @@ StScrollBar {
width: 24px;
height: 24px; }
-.dash-item-container > StWidget {
- padding: 0px 4px 0px 5px; }
- .right .dash-item-container > StWidget, .dash-item-container > StWidget:rtl {
- padding: 0px 5px 0px 4px; }
- .bottom .dash-item-container > StWidget {
- padding: 4px 0px 5px 0px; }
- .top .dash-item-container > StWidget {
- padding: 5px 0px 4px 0px; }
+.dash-item-container > StWidget, .dash-item-container > StWidget:rtl, .right .dash-item-container > StWidget {
+ padding: 4px 8px; }
+
+.top .dash-item-container > StWidget, .bottom .dash-item-container > StWidget {
+ padding: 6px; }
.dash-label {
border-radius: 3px;
@@ -1154,30 +1149,24 @@ StScrollBar {
-y-offset: 3px;
-x-offset: 0; }
-#dash .app-well-app .overview-icon,
-.right #dash .app-well-app .overview-icon,
-.bottom #dash .app-well-app .overview-icon,
-.top #dash .app-well-app .overview-icon {
- padding: 10px; }
-
#dash .app-well-app:hover .overview-icon,
.right #dash .app-well-app:hover .overview-icon,
.bottom #dash .app-well-app:hover .overview-icon,
.top #dash .app-well-app:hover .overview-icon {
- background-color: #268bd2; }
+ background-color: #5294e2; }
#dash .app-well-app:active .overview-icon,
.right #dash .app-well-app:active .overview-icon,
.bottom #dash .app-well-app:active .overview-icon,
.top #dash .app-well-app:active .overview-icon {
box-shadow: none;
- background-color: #1e6ea7; }
+ background-color: #2679db; }
#dash .app-well-app-running-dot {
width: 11px;
height: 2px;
- margin-bottom: 6px;
- background-color: #268bd2; }
+ margin-bottom: 2px;
+ background-color: #5294e2; }
#dashtodockContainer .app-well-app-running-dot {
background: none;
@@ -1197,21 +1186,20 @@ StScrollBar {
background-image: url("common-assets/dash/running4.svg"); }
.show-apps .overview-icon {
- padding: 11px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 2px;
border: 0px solid; }
.show-apps:hover .overview-icon {
background-color: rgba(0, 0, 0, 0.7);
- color: #268bd2; }
+ color: #5294e2; }
.show-apps:active .overview-icon,
.show-apps:active .show-apps-icon,
.show-apps:checked .overview-icon,
.show-apps:checked .show-apps-icon {
- color: #fdf6e3;
- background-color: #268bd2;
+ color: #ffffff;
+ background-color: #5294e2;
box-shadow: none;
transition-duration: 0ms; }
@@ -1227,20 +1215,20 @@ StScrollBar {
.app-view-control {
padding: 4px 32px;
- text-shadow: 0 1px rgba(253, 246, 227, 0);
- color: #657b83;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(18, 137, 167, 0.35);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #BAC3CF;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.35);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.app-view-control:hover {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
- color: #657b83;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(21, 163, 200, 0.45);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #BAC3CF;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(119, 127, 151, 0.45);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.app-view-control:checked {
- color: #fdf6e3;
- background-color: #268bd2; }
+ color: #ffffff;
+ background-color: #5294e2; }
.app-view-control:first-child:ltr, .app-view-control:last-child:rtl {
border-radius: 2px 0 0 2px;
border-right-width: 0; }
@@ -1251,13 +1239,13 @@ StScrollBar {
.search-provider-icon:active, .search-provider-icon:checked,
.list-search-result:active,
.list-search-result:checked {
- background-color: rgba(2, 16, 20, 0.85); }
+ background-color: rgba(31, 33, 40, 0.85); }
.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(101, 123, 131, 0.4);
+ background-color: rgba(186, 195, 207, 0.4);
transition-duration: 200ms; }
.app-well-app:active .overview-icon,
@@ -1266,8 +1254,8 @@ StScrollBar {
.app-well-app.app-folder:checked .overview-icon,
.grid-search-result:active .overview-icon,
.grid-search-result:checked .overview-icon {
- background-color: rgba(2, 16, 20, 0.85);
- box-shadow: inset 0 0 #268bd2; }
+ background-color: rgba(31, 33, 40, 0.85);
+ box-shadow: inset 0 0 #5294e2; }
.app-well-app:hover .overview-icon,
.app-well-app:focus .overview-icon,
@@ -1278,7 +1266,7 @@ StScrollBar {
.grid-search-result:hover .overview-icon,
.grid-search-result:focus .overview-icon,
.grid-search-result:selected .overview-icon {
- background-color: rgba(101, 123, 131, 0.4);
+ background-color: rgba(186, 195, 207, 0.4);
transition-duration: 0ms;
border-image: none;
background-image: none; }
@@ -1287,7 +1275,7 @@ StScrollBar {
width: 20px;
height: 2px;
margin-bottom: 4px;
- background-color: #268bd2; }
+ background-color: #5294e2; }
.search-provider-icon,
.list-search-result, .app-well-app .overview-icon,
@@ -1301,23 +1289,23 @@ StScrollBar {
text-align: center; }
.app-well-app.app-folder > .overview-icon {
- background-color: rgba(3, 24, 29, 0.95);
+ background-color: rgba(35, 38, 46, 0.95);
border: 1px solid rgba(0, 0, 0, 0.45); }
.app-well-app.app-folder:hover > .overview-icon {
- background-color: rgba(8, 65, 80, 0.95); }
+ background-color: rgba(60, 64, 78, 0.95); }
.app-well-app.app-folder:active > .overview-icon, .app-well-app.app-folder:checked > .overview-icon {
- color: #fdf6e3;
- background-color: #268bd2;
+ color: #ffffff;
+ background-color: #5294e2;
box-shadow: none; }
.app-well-app.app-folder:focus > .overview-icon {
- background-color: #268bd2; }
+ background-color: #5294e2; }
.app-folder-popup {
-arrow-border-radius: 2px;
- -arrow-background-color: rgba(3, 24, 29, 0.95);
+ -arrow-background-color: rgba(35, 38, 46, 0.95);
-arrow-border-color: rgba(0, 0, 0, 0.45);
-arrow-border-width: 1px;
-arrow-base: 5;
@@ -1367,7 +1355,7 @@ StScrollBar {
border-image: url("common-assets/dash/dash-left.svg") 9 9 9 9; }
.workspace-thumbnail-indicator {
- border: 4px solid rgba(38, 139, 210, 0.8);
+ border: 4px solid rgba(82, 148, 226, 0.8);
border-radius: 1px;
padding: 1px; }
@@ -1382,7 +1370,7 @@ StScrollBar {
color: #5c616c; }
.url-highlighter {
- link-color: #1e6ea7; }
+ link-color: #2679db; }
.notification-banner,
.notification-banner:hover,
@@ -1448,7 +1436,7 @@ StScrollBar {
.chat-sent {
padding-left: 18pt;
- color: #268bd2; }
+ color: #5294e2; }
.chat-sent:rtl {
padding-left: 0;
padding-right: 18pt; }
@@ -1504,7 +1492,7 @@ StScrollBar {
color: pink; }
.legacy-tray {
- background-color: rgba(5, 36, 44, 0.95); }
+ background-color: rgba(43, 46, 55, 0.95); }
.legacy-tray:ltr {
border-radius: 0 2px 0 0;
border-left-width: 0; }
@@ -1534,12 +1522,12 @@ StScrollBar {
height: 24px; }
.magnifier-zoom-region {
- border: 2px solid #268bd2; }
+ border: 2px solid #5294e2; }
.magnifier-zoom-region.full-screen {
border-width: 0; }
#keyboard {
- background-color: rgba(7, 54, 66, 0.95);
+ background-color: rgba(53, 57, 69, 0.95);
border-width: 0;
border-top-width: 1px;
border-color: rgba(0, 0, 0, 0.2); }
@@ -1558,35 +1546,35 @@ StScrollBar {
font-weight: bold;
border-radius: 3px;
box-shadow: none;
- text-shadow: 0 1px rgba(253, 246, 227, 0);
- color: #657b83;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(18, 137, 167, 0.35);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #BAC3CF;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.35);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.keyboard-key:hover {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
- color: #657b83;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(21, 163, 200, 0.45);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #BAC3CF;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(119, 127, 151, 0.45);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.keyboard-key:active, .keyboard-key:checked {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
- color: #fdf6e3;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: #268bd2;
- box-shadow: inset 0 1px rgba(38, 139, 210, 0.05); }
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #ffffff;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: #5294e2;
+ box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.keyboard-key:grayed {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
- color: #234b56;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(18, 137, 167, 0.2);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #5d626e;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.2);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.keyboard-subkeys {
- color: #657b83;
+ color: #BAC3CF;
padding: 5px;
-arrow-border-radius: 2px;
- -arrow-background-color: rgba(7, 54, 66, 0.95);
+ -arrow-background-color: rgba(53, 57, 69, 0.95);
-arrow-border-width: 1px;
-arrow-border-color: rgba(0, 0, 0, 0.4);
-arrow-base: 20px;
@@ -1596,20 +1584,20 @@ StScrollBar {
.candidate-popup-content {
padding: 0.5em;
spacing: 0.3em;
- color: #657b83;
+ color: #BAC3CF;
font-size: 1.15em; }
.candidate-index {
padding: 0 0.5em 0 0;
- color: #7f949c; }
+ color: #d8dde4; }
.candidate-box {
padding: 0.3em 0.5em 0.3em 0.5em;
border-radius: 2px;
- color: #657b83; }
+ color: #BAC3CF; }
.candidate-box:selected, .candidate-box:hover {
- background-color: #268bd2;
- color: #fdf6e3; }
+ background-color: #5294e2;
+ color: #ffffff; }
.candidate-page-button-box {
height: 2em; }
@@ -1638,7 +1626,7 @@ StScrollBar {
border-radius: 2px; }
.framed-user-icon:hover {
border-color: transparent;
- color: #b8c4c9; }
+ color: white; }
.login-dialog-banner-view {
padding-top: 24px;
@@ -1652,27 +1640,27 @@ StScrollBar {
.login-dialog .modal-dialog-button {
padding: 3px 18px; }
.login-dialog .modal-dialog-button:default {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fbfbfc;
- border: 1px solid #657b83;
+ border: 1px solid #cfd6e6;
box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); }
.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: white;
- border: 1px solid #657b83;
+ border: 1px solid #cfd6e6;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
.login-dialog .modal-dialog-button:default:active {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid #268bd2;
- box-shadow: inset 0 1px rgba(38, 139, 210, 0.05); }
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid #5294e2;
+ box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.login-dialog .modal-dialog-button:default:insensitive {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
color: rgba(92, 97, 108, 0.55);
- border: 1px solid rgba(101, 123, 131, 0.55);
+ border: 1px solid rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55);
box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); }
@@ -1680,13 +1668,13 @@ StScrollBar {
padding: 24px 0px; }
.login-dialog-banner {
- color: #4f6066; }
+ color: #9ca9ba; }
.login-dialog-button-box {
spacing: 5px; }
.login-dialog-message-warning {
- color: #cb4b16; }
+ color: #F27835; }
.login-dialog-message-hint {
padding-top: 0;
@@ -1698,12 +1686,12 @@ StScrollBar {
padding-left: 2px; }
.login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label,
.login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label {
- color: #657b83; }
+ color: #BAC3CF; }
.login-dialog-not-listed-label {
font-size: 90%;
font-weight: bold;
- color: #222a2d;
+ color: #62758e;
padding-top: 1em; }
.login-dialog-user-list-view {
@@ -1714,32 +1702,32 @@ StScrollBar {
padding: .2em;
width: 23em; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:focus {
- background-color: #268bd2;
- color: #fdf6e3; }
+ background-color: #5294e2;
+ color: #ffffff; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
- border-right: 2px solid #268bd2; }
+ border-right: 2px solid #5294e2; }
.login-dialog-user-list-item {
border-radius: 5px;
padding: .2em;
- color: #222a2d; }
+ color: #62758e; }
.login-dialog-user-list-item:ltr {
padding-right: 1em; }
.login-dialog-user-list-item:rtl {
padding-left: 1em; }
.login-dialog-user-list-item:hover {
- background-color: #268bd2;
- color: #fdf6e3; }
+ background-color: #5294e2;
+ color: #ffffff; }
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin: 2px 0 0 0;
- background-color: #657b83; }
+ background-color: #BAC3CF; }
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
- background-color: #fdf6e3; }
+ background-color: #ffffff; }
.login-dialog-username,
.user-widget-label {
- color: #657b83;
+ color: #BAC3CF;
font-size: 120%;
font-weight: bold;
text-align: left;
@@ -1758,7 +1746,7 @@ StScrollBar {
width: 23em; }
.login-dialog-prompt-label {
- color: #394549;
+ color: #7e8fa5;
font-size: 110%;
padding-top: 1em; }
@@ -1766,11 +1754,11 @@ StScrollBar {
icon-size: 1.25em; }
.login-dialog-session-list-button {
- color: #222a2d; }
+ color: #62758e; }
.login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus {
- color: #657b83; }
+ color: #BAC3CF; }
.login-dialog-session-list-button:active {
- color: black; }
+ color: #394351; }
.screen-shield-arrows {
padding-bottom: 3em; }
@@ -1807,9 +1795,9 @@ StScrollBar {
.screen-shield-notifications-container .notification,
.screen-shield-notifications-container .screen-shield-notification-source {
padding: 12px 6px;
- border: 1px solid rgba(101, 123, 131, 0.2);
- background-color: rgba(7, 54, 66, 0.45);
- color: #657b83;
+ border: 1px solid rgba(186, 195, 207, 0.2);
+ background-color: rgba(53, 57, 69, 0.45);
+ color: #BAC3CF;
border-radius: 4px; }
.screen-shield-notifications-container .notification {
margin-right: 15px; }
@@ -1822,7 +1810,7 @@ StScrollBar {
padding: 0px 0px 0px 12px; }
#panel.lock-screen {
- background-color: rgba(7, 54, 66, 0.5); }
+ background-color: rgba(53, 57, 69, 0.5); }
.screen-shield-background {
background: black;
@@ -1837,7 +1825,7 @@ StScrollBar {
#screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus {
background-color: rgba(245, 246, 247, 0.5); }
#screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active {
- background-color: rgba(38, 139, 210, 0.5); }
+ background-color: rgba(82, 148, 226, 0.5); }
#LookingGlassDialog {
spacing: 4px;
@@ -1846,7 +1834,7 @@ StScrollBar {
border: 1px solid black;
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
border-radius: 2px;
- color: #657b83; }
+ color: #BAC3CF; }
#LookingGlassDialog > #Toolbar {
padding: 3px;
border: none;
@@ -1858,7 +1846,7 @@ StScrollBar {
-natural-hpadding: 12px;
-minimum-hpadding: 6px;
font-weight: bold;
- color: #657b83;
+ color: #BAC3CF;
transition-duration: 100ms;
padding-left: .3em;
padding-right: .3em; }
@@ -1867,7 +1855,7 @@ StScrollBar {
text-shadow: black 0px 2px 2px; }
#LookingGlassDialog .notebook-tab:selected {
border-bottom-width: 0px;
- color: #268bd2;
+ color: #5294e2;
text-shadow: black 0px 2px 2px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
@@ -1876,22 +1864,22 @@ StScrollBar {
spacing: 4px; }
.lg-dialog StEntry {
- selection-background-color: #268bd2;
- selected-color: #fdf6e3;
- color: #657b83;
- background-color: rgba(18, 137, 167, 0.35);
- border: 1px solid rgba(1, 9, 11, 0.35);
+ selection-background-color: #5294e2;
+ selected-color: #ffffff;
+ color: #BAC3CF;
+ background-color: rgba(102, 109, 132, 0.35);
+ border: 1px solid rgba(26, 28, 34, 0.35);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
.lg-dialog StEntry:focus {
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid rgba(1, 9, 11, 0.35);
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid rgba(26, 28, 34, 0.35);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
.lg-dialog .shell-link {
- color: #1e6ea7; }
+ color: #2679db; }
.lg-dialog .shell-link:hover {
- color: #268bd2; }
+ color: #5294e2; }
.lg-completions-text {
font-size: .9em;
@@ -1905,7 +1893,7 @@ StScrollBar {
padding: 4px;
border-radius: 4px; }
.lg-obj-inspector-button:hover {
- border: 1px solid #fdf6e3; }
+ border: 1px solid #ffffff; }
#lookingGlassExtensions {
padding: 4px; }
@@ -1917,7 +1905,7 @@ StScrollBar {
.lg-extension {
border: 1px solid rgba(0, 0, 0, 0.7);
border-radius: 2px;
- background-color: rgba(7, 54, 66, 0.95);
+ background-color: rgba(53, 57, 69, 0.95);
padding: 4px; }
.lg-extension-name {
diff --git a/common/gnome-shell/3.16/sass/_common.scss b/common/gnome-shell/3.16/sass/_common.scss
index 0746017..bc8ca6c 100644
--- a/common/gnome-shell/3.16/sass/_common.scss
+++ b/common/gnome-shell/3.16/sass/_common.scss
@@ -1419,21 +1419,16 @@ StScrollBar {
color: $osd_fg_color;
background-color: $dark_sidebar_bg;
border-color: rgba(0,0,0,0.4);
- padding: 6px 1px 6px 0px;
+ padding: 4px 0;
border-radius: 0 3px 3px 0;
&:rtl { border-radius: 3px 0 0 3px; }
.right &,
- &:rtl {
- padding: 6px 0px 6px 1px;
- }
- .bottom & {
- padding: 1px 6px 0px 6px;
- }
- .top & {
- padding: 0px 6px 1px 6px;
- }
+ &:rtl { padding: 4px 0; }
+
+ .top &, .bottom & { padding: 0; }
+
.placeholder {
background-image: url("common-assets/dash/dash-placeholder.svg");
background-size: contain;
@@ -1447,11 +1442,10 @@ StScrollBar {
}
.dash-item-container > StWidget {
- padding: 0px 4px 0px 5px;
- .right &, &:rtl { padding: 0px 5px 0px 4px; }
- .bottom & { padding: 4px 0px 5px 0px; }
- .top & { padding: 5px 0px 4px 0px; }
+ &, &:rtl, .right & { padding: 4px 8px; }
+
+ .top &, .bottom & { padding: 6px; }
}
//osd tooltip
@@ -1472,13 +1466,6 @@ StScrollBar {
// Dash Buttons
#dash .app-well-app {
- .overview-icon,
- .right & .overview-icon,
- .bottom & .overview-icon,
- .top & .overview-icon {
- padding: 10px;
- }
-
&:hover .overview-icon,
.right &:hover .overview-icon,
.bottom &:hover .overview-icon,
@@ -1497,7 +1484,7 @@ StScrollBar {
&-running-dot {
width: 11px;
height: 2px;
- margin-bottom: 6px;
+ margin-bottom: 2px;
background-color: $selected_bg_color;
}
}
@@ -1519,7 +1506,6 @@ StScrollBar {
.show-apps {
.overview-icon {
- padding: 11px;
background-color: transparentize(black, 0.5);
border-radius: 2px;
border: 0px solid;
diff --git a/common/gnome-shell/3.18/gnome-shell-dark.css b/common/gnome-shell/3.18/gnome-shell-dark.css
index 3a8ece4..db3555a 100644
--- a/common/gnome-shell/3.18/gnome-shell-dark.css
+++ b/common/gnome-shell/3.18/gnome-shell-dark.css
@@ -19,7 +19,7 @@
stage {
font-family: Futura Bk bt, Cantarell, Sans-Serif;
font-size: 9pt;
- color: #657b83; }
+ color: #D3DAE3; }
.button {
min-height: 20px;
@@ -30,67 +30,67 @@ stage {
.button, .notification-banner .notification-button,
.notification-banner:hover .notification-button,
.notification-banner:focus .notification-button, .hotplug-notification-item {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- background-color: #083e4b;
- border: 1px solid #001317;
- box-shadow: inset 0 1px rgba(8, 62, 75, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #D3DAE3;
+ background-color: #444a58;
+ border: 1px solid #2b2e39;
+ box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
.button:focus, .notification-banner .notification-button:focus, .hotplug-notification-item:focus {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- background-color: #083e4b;
- border: 1px solid #268bd2;
- box-shadow: inset 0 1px rgba(8, 62, 75, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #D3DAE3;
+ background-color: #444a58;
+ border: 1px solid #5294e2;
+ box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
.button:hover, .notification-banner .notification-button:hover, .hotplug-notification-item:hover {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- background-color: #0a5062;
- border: 1px solid #001317;
- box-shadow: inset 0 1px rgba(10, 80, 98, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #D3DAE3;
+ background-color: #505666;
+ border: 1px solid #2b2e39;
+ box-shadow: inset 0 1px rgba(80, 86, 102, 0.05); }
.button:hover:focus, .notification-banner .notification-button:hover:focus, .hotplug-notification-item:hover:focus {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- background-color: #083e4b;
- border: 1px solid #268bd2;
- box-shadow: inset 0 1px rgba(8, 62, 75, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #D3DAE3;
+ background-color: #444a58;
+ border: 1px solid #5294e2;
+ box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
.button:active, .notification-banner .notification-button:active, .hotplug-notification-item:active, .button:active:focus, .notification-banner .notification-button:active:focus, .hotplug-notification-item:active:focus {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid #001317;
- box-shadow: inset 0 1px rgba(38, 139, 210, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid #2b2e39;
+ box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.button:insensitive, .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: rgba(101, 123, 131, 0.45);
- border: 1px solid rgba(0, 19, 23, 0.55);
- background-color: rgba(8, 62, 75, 0.55);
- box-shadow: inset 0 1px rgba(8, 62, 75, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: rgba(211, 218, 227, 0.45);
+ border: 1px solid rgba(43, 46, 57, 0.55);
+ background-color: rgba(68, 74, 88, 0.55);
+ box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
StEntry {
padding: 7px;
caret-size: 1px;
- caret-color: #657b83;
- selection-background-color: #268bd2;
- selected-color: #fdf6e3;
+ caret-color: #D3DAE3;
+ selection-background-color: #5294e2;
+ selected-color: #ffffff;
transition-duration: 300ms;
border-radius: 3px;
- color: #657b83;
- background-color: #073642;
- border: 1px solid #001317;
- box-shadow: inset 0 2px 4px rgba(7, 54, 66, 0.05); }
+ color: #D3DAE3;
+ background-color: #404552;
+ border: 1px solid #2b2e39;
+ box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); }
StEntry:focus, StEntry:hover {
- color: #657b83;
- background-color: #073642;
- border: 1px solid #268bd2;
- box-shadow: inset 0 2px 4px rgba(7, 54, 66, 0.05); }
+ color: #D3DAE3;
+ background-color: #404552;
+ border: 1px solid #5294e2;
+ box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); }
StEntry:insensitive {
- color: rgba(101, 123, 131, 0.45);
- background-color: #04313d;
- border-color: 1px solid #001e25;
- box-shadow: inset 0 2px 4px rgba(4, 49, 61, 0.05); }
+ color: rgba(211, 218, 227, 0.45);
+ background-color: #3c414e;
+ border-color: 1px solid #313440;
+ box-shadow: inset 0 2px 4px rgba(60, 65, 78, 0.05); }
StEntry StIcon.capslock-warning {
icon-size: 16px;
- warning-color: #cb4b16;
+ warning-color: #F27835;
padding: 0 4px; }
StScrollView.vfade {
@@ -105,23 +105,23 @@ StScrollBar {
min-width: 5px;
min-height: 5px; }
StScrollBar StBin#trough {
- background-color: rgba(7, 54, 66, 0.1);
+ background-color: rgba(64, 69, 82, 0.1);
border-radius: 8px; }
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
border-radius: 4px;
- background-color: #284b55;
+ background-color: #767b87;
border: 0px solid;
margin: 0px; }
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
- background-color: #1e434d; }
+ background-color: #676b78; }
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
- background-color: #268bd2; }
+ background-color: #5294e2; }
.slider {
-slider-height: 4px;
- -slider-background-color: #001317;
+ -slider-background-color: #2b2e39;
-slider-border-color: transparent;
- -slider-active-background-color: #268bd2;
+ -slider-active-background-color: #5294e2;
-slider-active-border-color: transparent;
-slider-border-width: 0;
-slider-handle-radius: 0px;
@@ -132,7 +132,7 @@ StScrollBar {
color: transparent; }
.popup-menu-item.selected .slider {
-slider-background-color: rgba(0, 0, 0, 0.2);
- -slider-active-background-color: #fdf6e3; }
+ -slider-active-background-color: #ffffff; }
.check-box StBoxLayout {
spacing: .8em; }
@@ -164,9 +164,9 @@ StScrollBar {
background-image: url("common-assets/switch/switch-on-selected.svg"); }
.shell-link {
- color: #78b9e6; }
+ color: #a9caf1; }
.shell-link:hover {
- color: #a3cfee; }
+ color: #d5e5f8; }
.headline {
font-size: 110%; }
@@ -178,8 +178,8 @@ StScrollBar {
background-color: white; }
.modal-dialog {
- color: #657b83;
- background-color: rgba(0, 43, 54, 0);
+ color: #D3DAE3;
+ background-color: rgba(56, 60, 74, 0);
border: none;
border-image: url("dark-assets/misc/modal.svg") 9 9 9 67;
padding: 0 5px 6px 5px; }
@@ -191,19 +191,19 @@ StScrollBar {
box-shadow: inset 0 0 black;
border-top-width: 1px;
border-bottom-width: 0;
- color: #657b83;
- background-color: rgba(7, 54, 66, 0.95);
- border-color: rgba(3, 24, 29, 0.95); }
+ color: #BAC3CF;
+ background-color: rgba(53, 57, 69, 0.95);
+ border-color: rgba(35, 38, 46, 0.95); }
.modal-dialog-linked-button:hover {
- background-color: rgba(9, 73, 89, 0.95); }
+ background-color: rgba(64, 69, 83, 0.95); }
.modal-dialog-linked-button:focus {
- color: #268bd2; }
+ color: #5294e2; }
.modal-dialog-linked-button:active {
- color: #fdf6e3;
- background-color: #268bd2; }
+ color: #ffffff;
+ background-color: #5294e2; }
.modal-dialog-linked-button:insensitive {
- color: rgba(101, 123, 131, 0.5);
- background-color: rgba(6, 46, 57, 0.95); }
+ color: rgba(186, 195, 207, 0.5);
+ background-color: rgba(49, 52, 63, 0.95); }
.modal-dialog-linked-button:first-child {
border-radius: 0px 0px 0px 2px; }
.modal-dialog-linked-button:last-child {
@@ -225,7 +225,7 @@ StScrollBar {
.end-session-dialog-subject {
font-size: 11pt;
font-weight: bold;
- color: #657b83; }
+ color: #D3DAE3; }
.end-session-dialog {
spacing: 42px; }
@@ -242,7 +242,7 @@ StScrollBar {
text-align: right; }
.end-session-dialog-warning {
width: 28em;
- color: #cb4b16;
+ color: #F27835;
padding-top: 6px; }
.end-session-dialog-warning:rtl {
text-align: right; }
@@ -253,7 +253,7 @@ StScrollBar {
height: 48px;
background-size: contain; }
.end-session-dialog-shutdown-icon {
- color: #657b83;
+ color: #D3DAE3;
width: 48px;
height: 48px; }
.end-session-dialog-inhibitor-layout {
@@ -272,17 +272,17 @@ StScrollBar {
.end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name {
font-weight: bold; }
.end-session-dialog-app-list-item-description {
- color: #708891;
+ color: #e3e7ed;
font-size: 8pt; }
.end-session-dialog .modal-dialog-linked-button:last-child {
color: white;
- background-color: #dc322f; }
+ background-color: #F04A50; }
.end-session-dialog .modal-dialog-linked-button:last-child:hover {
color: white;
- background-color: #e35956; }
+ background-color: #f47479; }
.end-session-dialog .modal-dialog-linked-button:last-child:active {
color: white;
- background-color: #cf2623; }
+ background-color: #ee3239; }
.shell-mount-operation-icon {
icon-size: 48px; }
@@ -323,9 +323,9 @@ StScrollBar {
padding-left: 32px; }
.show-processes-dialog-app-list-item {
- color: #4f6066; }
+ color: #b4c0cf; }
.show-processes-dialog-app-list-item:hover {
- color: #657b83; }
+ color: #D3DAE3; }
.show-processes-dialog-app-list-item:ltr {
padding-right: 1em; }
.show-processes-dialog-app-list-item:rtl {
@@ -350,7 +350,7 @@ StScrollBar {
.prompt-dialog-headline {
font-size: 12pt;
font-weight: bold;
- color: #657b83; }
+ color: #D3DAE3; }
.prompt-dialog-descritption:rtl {
text-align: right; }
.prompt-dialog-password-box {
@@ -358,7 +358,7 @@ StScrollBar {
padding-bottom: 1em; }
.prompt-dialog-error-label {
font-size: 9pt;
- color: #dc322f;
+ color: #FC4138;
padding-bottom: 8px; }
.prompt-dialog-info-label {
font-size: 9pt;
@@ -378,7 +378,7 @@ StScrollBar {
padding-right: 10px; }
.polkit-dialog-user-root-label {
- color: #cb4b16; }
+ color: #F27835; }
.polkit-dialog-user-user-icon {
border-radius: 2px;
@@ -401,11 +401,11 @@ StScrollBar {
spacing: 20px; }
.audio-selection-device {
- border: 1px solid #001317;
+ border: 1px solid #2b2e39;
border-radius: 3px; }
.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus {
- background-color: #268bd2;
- border-color: #268bd2; }
+ background-color: #5294e2;
+ border-color: #5294e2; }
.audio-selection-device-box {
padding: 20px;
@@ -428,7 +428,7 @@ StScrollBar {
.access-dialog-title {
font-weight: bold; }
.access-dialog-subtitle {
- color: #657b83;
+ color: #D3DAE3;
font-weight: bold; }
.geolocation-dialog {
@@ -442,7 +442,7 @@ StScrollBar {
.geolocation-dialog-title {
font-weight: bold; }
.geolocation-dialog-reason {
- color: #657b83;
+ color: #D3DAE3;
font-weight: bold; }
.network-dialog-secret-table {
@@ -455,7 +455,7 @@ StScrollBar {
.popup-menu {
min-width: 15em;
- color: #657b83;
+ color: #D3DAE3;
border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; }
.popup-menu .popup-sub-menu {
background: none;
@@ -475,16 +475,16 @@ StScrollBar {
box-shadow: none;
border-image: url("dark-assets/menu/submenu-open.svg") 9 9 9 9; }
.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected {
- color: #fdf6e3;
+ color: #ffffff;
background-color: transparent;
border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; }
.popup-menu .popup-menu-item:insensitive {
- color: rgba(101, 123, 131, 0.5);
+ color: rgba(211, 218, 227, 0.5);
background: none; }
.popup-menu .popup-inactive-menu-item {
- color: #657b83; }
+ color: #D3DAE3; }
.popup-menu .popup-inactive-menu-item:insensitive {
- color: rgba(101, 123, 131, 0.45); }
+ color: rgba(211, 218, 227, 0.45); }
.popup-menu.panel-menu {
-boxpointer-gap: 0px;
margin-bottom: 1.75em; }
@@ -504,7 +504,7 @@ StScrollBar {
.candidate-popup-boxpointer {
-arrow-border-radius: 2px;
- -arrow-background-color: rgba(7, 54, 66, 0.95);
+ -arrow-background-color: rgba(53, 57, 69, 0.95);
-arrow-border-width: 1px;
-arrow-border-color: rgba(0, 0, 0, 0.4);
-arrow-base: 5;
@@ -541,13 +541,13 @@ StScrollBar {
height: 4px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 2px;
- color: #268bd2; }
+ color: #5294e2; }
.osd-window .level-bar {
- background-color: #268bd2;
+ background-color: #5294e2;
border-radius: 2px; }
.resize-popup {
- color: #657b83;
+ color: #BAC3CF;
background: none;
border: none;
border-radius: 5px;
@@ -572,11 +572,11 @@ StScrollBar {
border: 1px solid transparent; }
.switcher-list .item-box:outlined {
padding: 8px;
- border: 1px solid #268bd2; }
+ border: 1px solid #5294e2; }
.switcher-list .item-box:selected {
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid #268bd2; }
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid #5294e2; }
.switcher-list .thumbnail-box {
padding: 2px;
spacing: 4px; }
@@ -584,11 +584,11 @@ StScrollBar {
width: 256px; }
.switcher-list .separator {
width: 1px;
- background: rgba(101, 123, 131, 0.33); }
+ background: rgba(211, 218, 227, 0.33); }
.switcher-arrow {
border-color: transparent;
- color: #657b83; }
+ color: #BAC3CF; }
.switcher-arrow:highlighted {
color: white; }
@@ -598,7 +598,7 @@ StScrollBar {
height: 96px; }
.cycler-highlight {
- border: 5px solid #268bd2; }
+ border: 5px solid #5294e2; }
.workspace-switcher {
background: transparent;
@@ -616,10 +616,10 @@ StScrollBar {
.ws-switcher-active-up, .ws-switcher-active-down {
height: 30px;
- background-color: #268bd2;
+ background-color: #5294e2;
background-size: 96px;
border-radius: 2px;
- border: 1px solid #268bd2; }
+ border: 1px solid #5294e2; }
.ws-switcher-active-up {
background-image: url("common-assets/misc/ws-switch-arrow-up.png"); }
@@ -634,8 +634,8 @@ StScrollBar {
border-radius: 2px; }
.tile-preview {
- background-color: rgba(38, 139, 210, 0.35);
- border: 1px solid #268bd2; }
+ background-color: rgba(82, 148, 226, 0.35);
+ border: 1px solid #5294e2; }
.tile-preview-left.on-primary {
border-radius: 0px 0 0 0; }
.tile-preview-right.on-primary {
@@ -690,8 +690,8 @@ StScrollBar {
border-bottom-width: 1px;
border-color: transparent; }
#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
- color: #fdf6e3;
- background-color: #268bd2;
+ color: #ffffff;
+ background-color: #5294e2;
box-shadow: none;
border-bottom-width: 1px;
border-color: black; }
@@ -703,7 +703,7 @@ StScrollBar {
.unlock-screen #panel .panel-button,
.login-screen #panel .panel-button,
.lock-screen #panel .panel-button {
- color: #7f949c; }
+ color: #f2f4f7; }
.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active,
.login-screen #panel .panel-button:focus,
.login-screen #panel .panel-button:hover,
@@ -711,7 +711,7 @@ StScrollBar {
.lock-screen #panel .panel-button:focus,
.lock-screen #panel .panel-button:hover,
.lock-screen #panel .panel-button:active {
- color: #7f949c; }
+ color: #f2f4f7; }
#panel #panelActivities.panel-button {
-natural-hpadding: 12px; }
#panel .panel-status-indicators-box,
@@ -720,9 +720,9 @@ StScrollBar {
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .screencast-indicator {
- color: #dc322f; }
+ color: #FC4138; }
#panel .clock-display > * > *:last-child {
- color: #268bd2;
+ color: #5294e2;
margin-left: .3em; }
#panel .popup-menu-arrow {
width: 0; }
@@ -770,20 +770,20 @@ StScrollBar {
.system-menu-action {
padding: 13px;
- color: #657b83;
+ color: #D3DAE3;
border-radius: 32px;
/* wish we could do 50% */
border: 1px solid transparent; }
.system-menu-action:hover, .system-menu-action:focus {
transition-duration: 100ms;
padding: 13px;
- color: #657b83;
+ color: #D3DAE3;
background-color: transparent;
- border: 1px solid #268bd2; }
+ border: 1px solid #5294e2; }
.system-menu-action:active {
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid #268bd2; }
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid #5294e2; }
.system-menu-action > StIcon {
icon-size: 16px; }
@@ -821,42 +821,42 @@ StScrollBar {
.world-clocks-button,
.message-list-section-title {
padding: 7px 10px 7px 10px;
- border: 1px solid rgba(7, 54, 66, 0); }
+ border: 1px solid rgba(64, 69, 82, 0); }
.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.message-list-section-title:hover,
.message-list-section-title:focus {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- background-color: #0a5062;
- border: 1px solid #001317;
- box-shadow: inset 0 1px rgba(10, 80, 98, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #D3DAE3;
+ background-color: #505666;
+ border: 1px solid #2b2e39;
+ box-shadow: inset 0 1px rgba(80, 86, 102, 0.05); }
.datemenu-today-button:active,
.world-clocks-button:active,
.message-list-section-title:active {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid #001317;
- box-shadow: inset 0 1px rgba(38, 139, 210, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid #2b2e39;
+ box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.datemenu-today-button .date-label {
font-size: 1.5em; }
.world-clocks-header,
.message-list-section-title {
- color: rgba(101, 123, 131, 0.4);
+ color: rgba(211, 218, 227, 0.4);
font-weight: bold; }
.world-clocks-button:active .world-clocks-header {
- color: #fdf6e3; }
+ color: #ffffff; }
.world-clocks-grid {
spacing-rows: 0.4em; }
.calendar-month-label {
- color: #657b83;
+ color: #D3DAE3;
font-weight: bold;
padding: 8px 0; }
@@ -905,17 +905,17 @@ StScrollBar {
.calendar-day-base:hover, .calendar-day-base:focus {
background-color: rgba(0, 0, 0, 0.1); }
.calendar-day-base:active, .calendar-day-base:selected {
- color: #657b83;
+ color: #D3DAE3;
background-color: rgba(0, 0, 0, 0.15);
border-width: 0; }
.calendar-day-base.calendar-day-heading {
- color: rgba(101, 123, 131, 0.85);
+ color: rgba(211, 218, 227, 0.85);
margin-top: 1em;
font-size: 70%; }
.calendar-day {
border-width: 0;
- color: rgba(101, 123, 131, 0.8); }
+ color: rgba(211, 218, 227, 0.8); }
.calendar-day-top {
border-top-width: 0; }
@@ -924,7 +924,7 @@ StScrollBar {
border-left-width: 0; }
.calendar-nonwork-day {
- color: #657b83;
+ color: #D3DAE3;
font-weight: bold; }
.calendar-today,
@@ -932,19 +932,19 @@ StScrollBar {
.calendar-today:focus,
.calendar-today:hover {
font-weight: bold;
- color: #fdf6e3;
- background-color: #268bd2;
+ color: #ffffff;
+ background-color: #5294e2;
border-width: 0; }
.calendar-day-with-events {
- color: #268bd2;
+ color: #5294e2;
font-weight: bold; }
.calendar-today.calendar-day-with-events {
- color: #fdf6e3; }
+ color: #ffffff; }
.calendar-other-month-day {
- color: rgba(101, 123, 131, 0.3);
+ color: rgba(211, 218, 227, 0.3);
opacity: 1; }
.calendar-week-number {
@@ -955,8 +955,8 @@ StScrollBar {
border-radius: 2px;
padding: 0.5em 0 0;
margin: 6px;
- background-color: rgba(101, 123, 131, 0.3);
- color: #002b36; }
+ background-color: rgba(211, 218, 227, 0.3);
+ color: #383C4A; }
.message-list {
width: 31.5em; }
@@ -970,7 +970,7 @@ StScrollBar {
width: 0;
height: 0; }
.message-list-placeholder StLabel {
- color: rgba(101, 123, 131, 0.45); }
+ color: rgba(211, 218, 227, 0.45); }
.message-list-section-close > StIcon {
icon-size: 18px;
border-radius: 0px;
@@ -988,13 +988,13 @@ StScrollBar {
.message {
padding: 4px;
- color: #657b83;
+ color: #D3DAE3;
border-image: url("dark-assets/misc/message.svg") 9 9 9 9; }
.message:hover, .message:focus {
- color: #657b83;
+ color: #D3DAE3;
border-image: url("dark-assets/misc/message-hover.svg") 9 9 9 9; }
.message:active {
- color: #fdf6e3;
+ color: #ffffff;
border-image: url("dark-assets/misc/message-active.svg") 9 9 9 9; }
.message-icon-bin {
padding: 8px 0px 8px 8px; }
@@ -1003,7 +1003,7 @@ StScrollBar {
.message-icon-bin > StIcon {
icon-size: 32px; }
.message-secondary-bin {
- color: rgba(101, 123, 131, 0.4); }
+ color: rgba(211, 218, 227, 0.4); }
.message-secondary-bin:ltr {
padding-left: 8px; }
.message-secondary-bin:rtl {
@@ -1020,25 +1020,25 @@ StScrollBar {
.message-media-control {
padding: 6px;
- color: rgba(101, 123, 131, 0.45); }
+ color: rgba(211, 218, 227, 0.45); }
.message-media-control:last-child:ltr {
padding-right: 18px; }
.message-media-control:last-child:rtl {
padding-left: 18px; }
.message-media-control:hover {
- color: #657b83; }
+ color: #D3DAE3; }
.message-media-control:active {
- color: #268bd2; }
+ color: #5294e2; }
.media-message-cover-icon {
icon-size: 32px; }
.media-message-cover-icon.fallback {
- color: rgba(101, 123, 131, 0.45);
- background-color: #002b36;
+ color: rgba(211, 218, 227, 0.45);
+ background-color: #383C4A;
border-radius: 2px;
icon-size: 16px;
padding: 8px;
- border: 1px solid #001317; }
+ border: 1px solid #2b2e39; }
.ripple-box {
width: 52px;
@@ -1090,13 +1090,13 @@ StScrollBar {
font-weight: bold;
text-align: center; }
.nm-dialog-airplane-text {
- color: #657b83; }
+ color: #D3DAE3; }
.nm-dialog-header-icon {
icon-size: 32px; }
.nm-dialog-scroll-view {
- border: 1px solid #001317;
+ border: 1px solid #2b2e39;
border-radius: 2px;
- background-color: #073642; }
+ background-color: #404552; }
.nm-dialog-header {
font-weight: bold;
font-size: 1.2em; }
@@ -1106,15 +1106,15 @@ StScrollBar {
padding: 12px;
spacing: 0px; }
.nm-dialog-item:selected {
- background-color: #268bd2;
- color: #fdf6e3; }
+ background-color: #5294e2;
+ color: #ffffff; }
.nm-dialog-icons {
spacing: .5em; }
.nm-dialog-icon {
icon-size: 16px; }
.no-networks-label {
- color: rgba(101, 123, 131, 0.45); }
+ color: rgba(211, 218, 227, 0.45); }
.no-networks-box {
spacing: 12px; }
@@ -1135,13 +1135,13 @@ StScrollBar {
padding: 32px; }
.window-clone-border {
- border: 3px solid rgba(38, 139, 210, 0.8);
+ border: 3px solid rgba(82, 148, 226, 0.8);
border-radius: 4px;
- box-shadow: inset 0px 0px 0px 1px rgba(38, 139, 210, 0); }
+ box-shadow: inset 0px 0px 0px 1px rgba(82, 148, 226, 0); }
.window-caption, .window-caption:hover {
spacing: 25px;
- color: #657b83;
+ color: #BAC3CF;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 2px;
padding: 4px 12px;
@@ -1152,21 +1152,21 @@ StScrollBar {
padding: 7px 9px;
border-radius: 20px;
border: 1px solid rgba(0, 0, 0, 0.25);
- background-color: rgba(7, 54, 66, 0.9); }
+ background-color: rgba(64, 69, 82, 0.9); }
.search-entry:focus {
padding: 7px 9px; }
.search-entry .search-entry-icon {
icon-size: 16px;
padding: 0 4px;
- color: #657b83; }
+ color: #D3DAE3; }
.search-entry:hover, .search-entry:focus {
- color: #fdf6e3;
- caret-color: #fdf6e3;
- background-color: #268bd2;
- selection-background-color: #fdf6e3;
- selected-color: #268bd2; }
+ color: #ffffff;
+ caret-color: #ffffff;
+ background-color: #5294e2;
+ selection-background-color: #ffffff;
+ selected-color: #5294e2; }
.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
- color: #fdf6e3; }
+ color: #ffffff; }
#searchResultsBin {
max-width: 1000px; }
@@ -1211,19 +1211,17 @@ StScrollBar {
#dash {
font-size: 1em;
- color: #657b83;
- background-color: rgba(7, 54, 66, 0.95);
+ color: #BAC3CF;
+ background-color: rgba(53, 57, 69, 0.95);
border-color: rgba(0, 0, 0, 0.4);
- padding: 6px 1px 6px 0px;
+ padding: 4px 0;
border-radius: 0 3px 3px 0; }
#dash:rtl {
border-radius: 3px 0 0 3px; }
.right #dash, #dash:rtl {
- padding: 6px 0px 6px 1px; }
- .bottom #dash {
- padding: 1px 6px 0px 6px; }
- .top #dash {
- padding: 0px 6px 1px 6px; }
+ padding: 4px 0; }
+ .top #dash, .bottom #dash {
+ padding: 0; }
#dash .placeholder {
background-image: url("common-assets/dash/dash-placeholder.svg");
background-size: contain;
@@ -1232,14 +1230,11 @@ StScrollBar {
width: 24px;
height: 24px; }
-.dash-item-container > StWidget {
- padding: 0px 4px 0px 5px; }
- .right .dash-item-container > StWidget, .dash-item-container > StWidget:rtl {
- padding: 0px 5px 0px 4px; }
- .bottom .dash-item-container > StWidget {
- padding: 4px 0px 5px 0px; }
- .top .dash-item-container > StWidget {
- padding: 5px 0px 4px 0px; }
+.dash-item-container > StWidget, .dash-item-container > StWidget:rtl, .right .dash-item-container > StWidget {
+ padding: 4px 8px; }
+
+.top .dash-item-container > StWidget, .bottom .dash-item-container > StWidget {
+ padding: 6px; }
.dash-label {
border-radius: 3px;
@@ -1252,30 +1247,24 @@ StScrollBar {
-y-offset: 3px;
-x-offset: 0; }
-#dash .app-well-app .overview-icon,
-.right #dash .app-well-app .overview-icon,
-.bottom #dash .app-well-app .overview-icon,
-.top #dash .app-well-app .overview-icon {
- padding: 10px; }
-
#dash .app-well-app:hover .overview-icon,
.right #dash .app-well-app:hover .overview-icon,
.bottom #dash .app-well-app:hover .overview-icon,
.top #dash .app-well-app:hover .overview-icon {
- background-color: #268bd2; }
+ background-color: #5294e2; }
#dash .app-well-app:active .overview-icon,
.right #dash .app-well-app:active .overview-icon,
.bottom #dash .app-well-app:active .overview-icon,
.top #dash .app-well-app:active .overview-icon {
box-shadow: none;
- background-color: #1e6ea7; }
+ background-color: #2679db; }
#dash .app-well-app-running-dot {
width: 11px;
height: 2px;
- margin-bottom: 6px;
- background-color: #268bd2; }
+ margin-bottom: 2px;
+ background-color: #5294e2; }
#dashtodockContainer .app-well-app-running-dot {
background: none;
@@ -1295,21 +1284,20 @@ StScrollBar {
background-image: url("common-assets/dash/running4.svg"); }
.show-apps .overview-icon {
- padding: 11px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 2px;
border: 0px solid; }
.show-apps:hover .overview-icon {
background-color: rgba(0, 0, 0, 0.7);
- color: #268bd2; }
+ color: #5294e2; }
.show-apps:active .overview-icon,
.show-apps:active .show-apps-icon,
.show-apps:checked .overview-icon,
.show-apps:checked .show-apps-icon {
- color: #fdf6e3;
- background-color: #268bd2;
+ color: #ffffff;
+ background-color: #5294e2;
box-shadow: none;
transition-duration: 0ms; }
@@ -1325,20 +1313,20 @@ StScrollBar {
.app-view-control {
padding: 4px 32px;
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(18, 137, 167, 0.35);
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #BAC3CF;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.35);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.app-view-control:hover {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(21, 163, 200, 0.45);
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #BAC3CF;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(119, 127, 151, 0.45);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.app-view-control:checked {
- color: #fdf6e3;
- background-color: #268bd2; }
+ color: #ffffff;
+ background-color: #5294e2; }
.app-view-control:first-child:ltr, .app-view-control:last-child:rtl {
border-radius: 2px 0 0 2px;
border-right-width: 0; }
@@ -1349,13 +1337,13 @@ StScrollBar {
.search-provider-icon:active, .search-provider-icon:checked,
.list-search-result:active,
.list-search-result:checked {
- background-color: rgba(2, 16, 20, 0.85); }
+ background-color: rgba(31, 33, 40, 0.85); }
.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(101, 123, 131, 0.4);
+ background-color: rgba(186, 195, 207, 0.4);
transition-duration: 200ms; }
.app-well-app:active .overview-icon,
@@ -1364,8 +1352,8 @@ StScrollBar {
.app-well-app.app-folder:checked .overview-icon,
.grid-search-result:active .overview-icon,
.grid-search-result:checked .overview-icon {
- background-color: rgba(2, 16, 20, 0.85);
- box-shadow: inset 0 0 #268bd2; }
+ background-color: rgba(31, 33, 40, 0.85);
+ box-shadow: inset 0 0 #5294e2; }
.app-well-app:hover .overview-icon,
.app-well-app:focus .overview-icon,
@@ -1376,7 +1364,7 @@ StScrollBar {
.grid-search-result:hover .overview-icon,
.grid-search-result:focus .overview-icon,
.grid-search-result:selected .overview-icon {
- background-color: rgba(101, 123, 131, 0.4);
+ background-color: rgba(186, 195, 207, 0.4);
transition-duration: 0ms;
border-image: none;
background-image: none; }
@@ -1385,7 +1373,7 @@ StScrollBar {
width: 20px;
height: 2px;
margin-bottom: 4px;
- background-color: #268bd2; }
+ background-color: #5294e2; }
.search-provider-icon,
.list-search-result, .app-well-app .overview-icon,
@@ -1399,23 +1387,23 @@ StScrollBar {
text-align: center; }
.app-well-app.app-folder > .overview-icon {
- background-color: rgba(3, 24, 29, 0.95);
+ background-color: rgba(35, 38, 46, 0.95);
border: 1px solid rgba(0, 0, 0, 0.45); }
.app-well-app.app-folder:hover > .overview-icon {
- background-color: rgba(8, 65, 80, 0.95); }
+ background-color: rgba(60, 64, 78, 0.95); }
.app-well-app.app-folder:active > .overview-icon, .app-well-app.app-folder:checked > .overview-icon {
- color: #fdf6e3;
- background-color: #268bd2;
+ color: #ffffff;
+ background-color: #5294e2;
box-shadow: none; }
.app-well-app.app-folder:focus > .overview-icon {
- background-color: #268bd2; }
+ background-color: #5294e2; }
.app-folder-popup {
-arrow-border-radius: 2px;
- -arrow-background-color: rgba(3, 24, 29, 0.95);
+ -arrow-background-color: rgba(35, 38, 46, 0.95);
-arrow-border-color: rgba(0, 0, 0, 0.45);
-arrow-border-width: 1px;
-arrow-base: 5;
@@ -1465,7 +1453,7 @@ StScrollBar {
border-image: url("common-assets/dash/dash-left.svg") 9 9 9 9; }
.workspace-thumbnail-indicator {
- border: 4px solid rgba(38, 139, 210, 0.8);
+ border: 4px solid rgba(82, 148, 226, 0.8);
border-radius: 1px;
padding: 1px; }
@@ -1477,10 +1465,10 @@ StScrollBar {
.search-statustext, .no-frequent-applications-label {
font-size: 2em;
font-weight: bold;
- color: #657b83; }
+ color: #D3DAE3; }
.url-highlighter {
- link-color: #78b9e6; }
+ link-color: #a9caf1; }
.notification-banner,
.notification-banner:hover,
@@ -1489,7 +1477,7 @@ StScrollBar {
width: 34em;
margin: 5px;
padding: 10px;
- color: #657b83;
+ color: #D3DAE3;
background-color: transparent;
border: 1px solid transparent;
border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; }
@@ -1533,7 +1521,7 @@ StScrollBar {
margin: 5px; }
.chat-log-message {
- color: #657b83; }
+ color: #D3DAE3; }
.chat-new-group {
padding-top: 1em; }
@@ -1546,7 +1534,7 @@ StScrollBar {
.chat-sent {
padding-left: 18pt;
- color: #268bd2; }
+ color: #5294e2; }
.chat-sent:rtl {
padding-left: 0;
padding-right: 18pt; }
@@ -1555,7 +1543,7 @@ StScrollBar {
padding-left: 4px;
font-size: 9pt;
font-weight: bold;
- color: rgba(101, 123, 131, 0.6); }
+ color: rgba(211, 218, 227, 0.6); }
.chat-meta-message:rtl {
padding-left: 0;
padding-right: 4px; }
@@ -1583,7 +1571,7 @@ StScrollBar {
spacing: 8px;
border-radius: 4px; }
.hotplug-resident-mount:hover {
- background-color: rgba(0, 43, 54, 0.3); }
+ background-color: rgba(56, 60, 74, 0.3); }
.hotplug-resident-mount-label {
color: inherit;
@@ -1602,7 +1590,7 @@ StScrollBar {
color: pink; }
.legacy-tray {
- background-color: rgba(5, 36, 44, 0.95); }
+ background-color: rgba(43, 46, 55, 0.95); }
.legacy-tray:ltr {
border-radius: 0 2px 0 0;
border-left-width: 0; }
@@ -1619,7 +1607,7 @@ StScrollBar {
.legacy-tray-handle:hover, .legacy-tray-handle:focus,
.legacy-tray-icon:hover,
.legacy-tray-icon:focus {
- background-color: rgba(101, 123, 131, 0.1); }
+ background-color: rgba(211, 218, 227, 0.1); }
.legacy-tray-icon-box {
spacing: 12px; }
@@ -1636,12 +1624,12 @@ StScrollBar {
min-width: 155px; }
.magnifier-zoom-region {
- border: 2px solid #268bd2; }
+ border: 2px solid #5294e2; }
.magnifier-zoom-region.full-screen {
border-width: 0; }
#keyboard {
- background-color: rgba(7, 54, 66, 0.95);
+ background-color: rgba(53, 57, 69, 0.95);
border-width: 0;
border-top-width: 1px;
border-color: rgba(0, 0, 0, 0.2); }
@@ -1660,35 +1648,35 @@ StScrollBar {
font-weight: bold;
border-radius: 3px;
box-shadow: none;
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(18, 137, 167, 0.35);
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #BAC3CF;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.35);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.keyboard-key:hover {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(21, 163, 200, 0.45);
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #BAC3CF;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(119, 127, 151, 0.45);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.keyboard-key:active, .keyboard-key:checked {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #fdf6e3;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: #268bd2;
- box-shadow: inset 0 1px rgba(38, 139, 210, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #ffffff;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: #5294e2;
+ box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.keyboard-key:grayed {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #234b56;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(18, 137, 167, 0.2);
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #5d626e;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.2);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.keyboard-subkeys {
- color: #657b83;
+ color: #BAC3CF;
padding: 5px;
-arrow-border-radius: 2px;
- -arrow-background-color: rgba(7, 54, 66, 0.95);
+ -arrow-background-color: rgba(53, 57, 69, 0.95);
-arrow-border-width: 1px;
-arrow-border-color: rgba(0, 0, 0, 0.4);
-arrow-base: 20px;
@@ -1698,20 +1686,20 @@ StScrollBar {
.candidate-popup-content {
padding: 0.5em;
spacing: 0.3em;
- color: #657b83;
+ color: #BAC3CF;
font-size: 1.15em; }
.candidate-index {
padding: 0 0.5em 0 0;
- color: #7f949c; }
+ color: #d8dde4; }
.candidate-box {
padding: 0.3em 0.5em 0.3em 0.5em;
border-radius: 2px;
- color: #657b83; }
+ color: #BAC3CF; }
.candidate-box:selected, .candidate-box:hover {
- background-color: #268bd2;
- color: #fdf6e3; }
+ background-color: #5294e2;
+ color: #ffffff; }
.candidate-page-button-box {
height: 2em; }
@@ -1736,11 +1724,11 @@ StScrollBar {
.framed-user-icon {
background-size: contain;
border: 0px solid transparent;
- color: #657b83;
+ color: #D3DAE3;
border-radius: 2px; }
.framed-user-icon:hover {
border-color: transparent;
- color: #b8c4c9; }
+ color: white; }
.login-dialog-banner-view {
padding-top: 24px;
@@ -1754,41 +1742,41 @@ StScrollBar {
.login-dialog .modal-dialog-button {
padding: 3px 18px; }
.login-dialog .modal-dialog-button:default {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- background-color: #083e4b;
- border: 1px solid #001317;
- box-shadow: inset 0 1px rgba(8, 62, 75, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #D3DAE3;
+ background-color: #444a58;
+ border: 1px solid #2b2e39;
+ box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #657b83;
- background-color: #0a5062;
- border: 1px solid #001317;
- box-shadow: inset 0 1px rgba(10, 80, 98, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #D3DAE3;
+ background-color: #505666;
+ border: 1px solid #2b2e39;
+ box-shadow: inset 0 1px rgba(80, 86, 102, 0.05); }
.login-dialog .modal-dialog-button:default:active {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid #001317;
- box-shadow: inset 0 1px rgba(38, 139, 210, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid #2b2e39;
+ box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.login-dialog .modal-dialog-button:default:insensitive {
- text-shadow: 0 1px rgba(7, 54, 66, 0);
- color: rgba(101, 123, 131, 0.45);
- border: 1px solid rgba(0, 19, 23, 0.55);
- background-color: rgba(8, 62, 75, 0.55);
- box-shadow: inset 0 1px rgba(8, 62, 75, 0.05); }
+ text-shadow: 0 1px rgba(64, 69, 82, 0);
+ color: rgba(211, 218, 227, 0.45);
+ border: 1px solid rgba(43, 46, 57, 0.55);
+ background-color: rgba(68, 74, 88, 0.55);
+ box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
.login-dialog-logo-bin {
padding: 24px 0px; }
.login-dialog-banner {
- color: #4f6066; }
+ color: #9ca9ba; }
.login-dialog-button-box {
spacing: 5px; }
.login-dialog-message-warning {
- color: #cb4b16; }
+ color: #F27835; }
.login-dialog-message-hint {
padding-top: 0;
@@ -1800,12 +1788,12 @@ StScrollBar {
padding-left: 2px; }
.login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label,
.login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label {
- color: #657b83; }
+ color: #BAC3CF; }
.login-dialog-not-listed-label {
font-size: 90%;
font-weight: bold;
- color: #222a2d;
+ color: #62758e;
padding-top: 1em; }
.login-dialog-user-list-view {
@@ -1816,32 +1804,32 @@ StScrollBar {
padding: .2em;
width: 23em; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:focus {
- background-color: #268bd2;
- color: #fdf6e3; }
+ background-color: #5294e2;
+ color: #ffffff; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
- border-right: 2px solid #268bd2; }
+ border-right: 2px solid #5294e2; }
.login-dialog-user-list-item {
border-radius: 5px;
padding: .2em;
- color: #222a2d; }
+ color: #62758e; }
.login-dialog-user-list-item:ltr {
padding-right: 1em; }
.login-dialog-user-list-item:rtl {
padding-left: 1em; }
.login-dialog-user-list-item:hover {
- background-color: #268bd2;
- color: #fdf6e3; }
+ background-color: #5294e2;
+ color: #ffffff; }
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin: 2px 0 0 0;
- background-color: #657b83; }
+ background-color: #BAC3CF; }
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
- background-color: #fdf6e3; }
+ background-color: #ffffff; }
.login-dialog-username,
.user-widget-label {
- color: #657b83;
+ color: #BAC3CF;
font-size: 120%;
font-weight: bold;
text-align: left;
@@ -1860,7 +1848,7 @@ StScrollBar {
width: 23em; }
.login-dialog-prompt-label {
- color: #394549;
+ color: #7e8fa5;
font-size: 110%;
padding-top: 1em; }
@@ -1868,11 +1856,11 @@ StScrollBar {
icon-size: 1.25em; }
.login-dialog-session-list-button {
- color: #222a2d; }
+ color: #62758e; }
.login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus {
- color: #657b83; }
+ color: #BAC3CF; }
.login-dialog-session-list-button:active {
- color: black; }
+ color: #394351; }
.screen-shield-arrows {
padding-bottom: 3em; }
@@ -1909,9 +1897,9 @@ StScrollBar {
.screen-shield-notifications-container .notification,
.screen-shield-notifications-container .screen-shield-notification-source {
padding: 12px 6px;
- border: 1px solid rgba(101, 123, 131, 0.2);
- background-color: rgba(7, 54, 66, 0.45);
- color: #657b83;
+ border: 1px solid rgba(186, 195, 207, 0.2);
+ background-color: rgba(53, 57, 69, 0.45);
+ color: #BAC3CF;
border-radius: 4px; }
.screen-shield-notifications-container .notification {
margin-right: 15px; }
@@ -1924,7 +1912,7 @@ StScrollBar {
padding: 0px 0px 0px 12px; }
#panel.lock-screen {
- background-color: rgba(7, 54, 66, 0.5); }
+ background-color: rgba(53, 57, 69, 0.5); }
.screen-shield-background {
background: black;
@@ -1935,11 +1923,11 @@ StScrollBar {
background-repeat: repeat; }
#screenShieldNotifications StButton#vhandle, #screenShieldNotifications StButton#hhandle {
- background-color: rgba(0, 43, 54, 0.3); }
+ background-color: rgba(56, 60, 74, 0.3); }
#screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus {
- background-color: rgba(0, 43, 54, 0.5); }
+ background-color: rgba(56, 60, 74, 0.5); }
#screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active {
- background-color: rgba(38, 139, 210, 0.5); }
+ background-color: rgba(82, 148, 226, 0.5); }
#LookingGlassDialog {
spacing: 4px;
@@ -1948,7 +1936,7 @@ StScrollBar {
border: 1px solid black;
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
border-radius: 2px;
- color: #657b83; }
+ color: #BAC3CF; }
#LookingGlassDialog > #Toolbar {
padding: 3px;
border: none;
@@ -1960,7 +1948,7 @@ StScrollBar {
-natural-hpadding: 12px;
-minimum-hpadding: 6px;
font-weight: bold;
- color: #657b83;
+ color: #BAC3CF;
transition-duration: 100ms;
padding-left: .3em;
padding-right: .3em; }
@@ -1969,7 +1957,7 @@ StScrollBar {
text-shadow: black 0px 2px 2px; }
#LookingGlassDialog .notebook-tab:selected {
border-bottom-width: 0px;
- color: #268bd2;
+ color: #5294e2;
text-shadow: black 0px 2px 2px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
@@ -1978,25 +1966,25 @@ StScrollBar {
spacing: 4px; }
.lg-dialog StEntry {
- caret-color: #fdf6e3;
- selection-background-color: #268bd2;
- selected-color: #fdf6e3;
- color: #657b83;
- background-color: rgba(18, 137, 167, 0.35);
- border: 1px solid rgba(1, 9, 11, 0.35);
+ caret-color: #ffffff;
+ selection-background-color: #5294e2;
+ selected-color: #ffffff;
+ color: #BAC3CF;
+ background-color: rgba(102, 109, 132, 0.35);
+ border: 1px solid rgba(26, 28, 34, 0.35);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
.lg-dialog StEntry:focus {
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid rgba(1, 9, 11, 0.35);
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid rgba(26, 28, 34, 0.35);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
- selection-background-color: #fdf6e3;
- selected-color: #268bd2; }
+ selection-background-color: #ffffff;
+ selected-color: #5294e2; }
.lg-dialog .shell-link {
- color: #78b9e6; }
+ color: #a9caf1; }
.lg-dialog .shell-link:hover {
- color: #a3cfee; }
+ color: #d5e5f8; }
.lg-completions-text {
font-size: .9em;
@@ -2010,7 +1998,7 @@ StScrollBar {
padding: 4px;
border-radius: 4px; }
.lg-obj-inspector-button:hover {
- border: 1px solid #fdf6e3; }
+ border: 1px solid #ffffff; }
#lookingGlassExtensions {
padding: 4px; }
@@ -2022,7 +2010,7 @@ StScrollBar {
.lg-extension {
border: 1px solid rgba(0, 0, 0, 0.7);
border-radius: 2px;
- background-color: rgba(7, 54, 66, 0.95);
+ background-color: rgba(53, 57, 69, 0.95);
padding: 4px; }
.lg-extension-name {
diff --git a/common/gnome-shell/3.18/gnome-shell.css b/common/gnome-shell/3.18/gnome-shell.css
index 94ab355..45b2d1d 100644
--- a/common/gnome-shell/3.18/gnome-shell.css
+++ b/common/gnome-shell/3.18/gnome-shell.css
@@ -30,39 +30,39 @@ stage {
.button, .notification-banner .notification-button,
.notification-banner:hover .notification-button,
.notification-banner:focus .notification-button, .hotplug-notification-item {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fbfbfc;
- border: 1px solid #657b83;
+ border: 1px solid #cfd6e6;
box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); }
.button:focus, .notification-banner .notification-button:focus, .hotplug-notification-item:focus {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fbfbfc;
- border: 1px solid #268bd2;
+ border: 1px solid #5294e2;
box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); }
.button:hover, .notification-banner .notification-button:hover, .hotplug-notification-item:hover {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: white;
- border: 1px solid #657b83;
+ border: 1px solid #cfd6e6;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
.button:hover:focus, .notification-banner .notification-button:hover:focus, .hotplug-notification-item:hover:focus {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fbfbfc;
- border: 1px solid #268bd2;
+ border: 1px solid #5294e2;
box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); }
.button:active, .notification-banner .notification-button:active, .hotplug-notification-item:active, .button:active:focus, .notification-banner .notification-button:active:focus, .hotplug-notification-item:active:focus {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid #268bd2;
- box-shadow: inset 0 1px rgba(38, 139, 210, 0.05); }
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid #5294e2;
+ box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.button:insensitive, .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
color: rgba(92, 97, 108, 0.55);
- border: 1px solid rgba(101, 123, 131, 0.55);
+ border: 1px solid rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55);
box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); }
@@ -70,27 +70,27 @@ StEntry {
padding: 7px;
caret-size: 1px;
caret-color: #5c616c;
- selection-background-color: #268bd2;
- selected-color: #fdf6e3;
+ selection-background-color: #5294e2;
+ selected-color: #ffffff;
transition-duration: 300ms;
border-radius: 3px;
color: #5c616c;
- background-color: #fdf6e3;
- border: 1px solid #657b83;
- box-shadow: inset 0 2px 4px rgba(253, 246, 227, 0.05); }
+ background-color: #ffffff;
+ border: 1px solid #cfd6e6;
+ box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); }
StEntry:focus, StEntry:hover {
color: #5c616c;
- background-color: #fdf6e3;
- border: 1px solid #268bd2;
- box-shadow: inset 0 2px 4px rgba(253, 246, 227, 0.05); }
+ background-color: #ffffff;
+ border: 1px solid #5294e2;
+ box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); }
StEntry:insensitive {
color: rgba(92, 97, 108, 0.55);
- background-color: #f9f6ec;
- border-color: 1px solid #a6b2b7;
- box-shadow: inset 0 2px 4px rgba(249, 246, 236, 0.05); }
+ background-color: #fbfbfb;
+ border-color: 1px solid #e0e4ee;
+ box-shadow: inset 0 2px 4px rgba(251, 251, 251, 0.05); }
StEntry StIcon.capslock-warning {
icon-size: 16px;
- warning-color: #cb4b16;
+ warning-color: #F27835;
padding: 0 4px; }
StScrollView.vfade {
@@ -105,7 +105,7 @@ StScrollBar {
min-width: 5px;
min-height: 5px; }
StScrollBar StBin#trough {
- background-color: rgba(253, 246, 227, 0.1);
+ background-color: rgba(255, 255, 255, 0.1);
border-radius: 8px; }
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
border-radius: 4px;
@@ -115,13 +115,13 @@ StScrollBar {
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
background-color: #c7c9cd; }
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
- background-color: #268bd2; }
+ background-color: #5294e2; }
.slider {
-slider-height: 4px;
- -slider-background-color: #657b83;
+ -slider-background-color: #cfd6e6;
-slider-border-color: transparent;
- -slider-active-background-color: #268bd2;
+ -slider-active-background-color: #5294e2;
-slider-active-border-color: transparent;
-slider-border-width: 0;
-slider-handle-radius: 0px;
@@ -132,7 +132,7 @@ StScrollBar {
color: transparent; }
.popup-menu-item.selected .slider {
-slider-background-color: rgba(0, 0, 0, 0.2);
- -slider-active-background-color: #fdf6e3; }
+ -slider-active-background-color: #ffffff; }
.check-box StBoxLayout {
spacing: .8em; }
@@ -164,9 +164,9 @@ StScrollBar {
background-image: url("common-assets/switch/switch-on-selected.svg"); }
.shell-link {
- color: #1e6ea7; }
+ color: #2679db; }
.shell-link:hover {
- color: #268bd2; }
+ color: #5294e2; }
.headline {
font-size: 110%; }
@@ -191,19 +191,19 @@ StScrollBar {
box-shadow: inset 0 0 black;
border-top-width: 0px;
border-bottom-width: 0;
- color: #657b83;
- background-color: rgba(7, 54, 66, 0.95);
- border-color: rgba(5, 35, 43, 0.95); }
+ color: #BAC3CF;
+ background-color: rgba(53, 57, 69, 0.95);
+ border-color: rgba(42, 45, 55, 0.95); }
.modal-dialog-linked-button:hover {
- background-color: rgba(9, 73, 89, 0.95); }
+ background-color: rgba(64, 69, 83, 0.95); }
.modal-dialog-linked-button:focus {
- color: #268bd2; }
+ color: #5294e2; }
.modal-dialog-linked-button:active {
- color: #fdf6e3;
- background-color: #268bd2; }
+ color: #ffffff;
+ background-color: #5294e2; }
.modal-dialog-linked-button:insensitive {
- color: rgba(101, 123, 131, 0.5);
- background-color: rgba(6, 46, 57, 0.95); }
+ color: rgba(186, 195, 207, 0.5);
+ background-color: rgba(49, 52, 63, 0.95); }
.modal-dialog-linked-button:first-child {
border-radius: 0px 0px 0px 2px; }
.modal-dialog-linked-button:last-child {
@@ -242,7 +242,7 @@ StScrollBar {
text-align: right; }
.end-session-dialog-warning {
width: 28em;
- color: #cb4b16;
+ color: #F27835;
padding-top: 6px; }
.end-session-dialog-warning:rtl {
text-align: right; }
@@ -276,13 +276,13 @@ StScrollBar {
font-size: 8pt; }
.end-session-dialog .modal-dialog-linked-button:last-child {
color: white;
- background-color: #dc322f; }
+ background-color: #F04A50; }
.end-session-dialog .modal-dialog-linked-button:last-child:hover {
color: white;
- background-color: #e35956; }
+ background-color: #f47479; }
.end-session-dialog .modal-dialog-linked-button:last-child:active {
color: white;
- background-color: #cf2623; }
+ background-color: #ee3239; }
.shell-mount-operation-icon {
icon-size: 48px; }
@@ -358,7 +358,7 @@ StScrollBar {
padding-bottom: 1em; }
.prompt-dialog-error-label {
font-size: 9pt;
- color: #dc322f;
+ color: #FC4138;
padding-bottom: 8px; }
.prompt-dialog-info-label {
font-size: 9pt;
@@ -378,7 +378,7 @@ StScrollBar {
padding-right: 10px; }
.polkit-dialog-user-root-label {
- color: #cb4b16; }
+ color: #F27835; }
.polkit-dialog-user-user-icon {
border-radius: 2px;
@@ -404,8 +404,8 @@ StScrollBar {
border: 1px solid #dcdfe3;
border-radius: 3px; }
.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus {
- background-color: #268bd2;
- border-color: #268bd2; }
+ background-color: #5294e2;
+ border-color: #5294e2; }
.audio-selection-device-box {
padding: 20px;
@@ -475,7 +475,7 @@ StScrollBar {
box-shadow: none;
border-image: url("light-assets/menu/submenu-open.svg") 9 9 9 9; }
.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected {
- color: #fdf6e3;
+ color: #ffffff;
background-color: transparent;
border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; }
.popup-menu .popup-menu-item:insensitive {
@@ -504,7 +504,7 @@ StScrollBar {
.candidate-popup-boxpointer {
-arrow-border-radius: 2px;
- -arrow-background-color: rgba(7, 54, 66, 0.95);
+ -arrow-background-color: rgba(53, 57, 69, 0.95);
-arrow-border-width: 1px;
-arrow-border-color: rgba(0, 0, 0, 0.4);
-arrow-base: 5;
@@ -541,13 +541,13 @@ StScrollBar {
height: 4px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 2px;
- color: #268bd2; }
+ color: #5294e2; }
.osd-window .level-bar {
- background-color: #268bd2;
+ background-color: #5294e2;
border-radius: 2px; }
.resize-popup {
- color: #657b83;
+ color: #BAC3CF;
background: none;
border: none;
border-radius: 5px;
@@ -572,11 +572,11 @@ StScrollBar {
border: 1px solid transparent; }
.switcher-list .item-box:outlined {
padding: 8px;
- border: 1px solid #268bd2; }
+ border: 1px solid #5294e2; }
.switcher-list .item-box:selected {
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid #268bd2; }
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid #5294e2; }
.switcher-list .thumbnail-box {
padding: 2px;
spacing: 4px; }
@@ -588,7 +588,7 @@ StScrollBar {
.switcher-arrow {
border-color: transparent;
- color: #657b83; }
+ color: #BAC3CF; }
.switcher-arrow:highlighted {
color: white; }
@@ -598,7 +598,7 @@ StScrollBar {
height: 96px; }
.cycler-highlight {
- border: 5px solid #268bd2; }
+ border: 5px solid #5294e2; }
.workspace-switcher {
background: transparent;
@@ -616,10 +616,10 @@ StScrollBar {
.ws-switcher-active-up, .ws-switcher-active-down {
height: 30px;
- background-color: #268bd2;
+ background-color: #5294e2;
background-size: 96px;
border-radius: 2px;
- border: 1px solid #268bd2; }
+ border: 1px solid #5294e2; }
.ws-switcher-active-up {
background-image: url("common-assets/misc/ws-switch-arrow-up.png"); }
@@ -634,8 +634,8 @@ StScrollBar {
border-radius: 2px; }
.tile-preview {
- background-color: rgba(38, 139, 210, 0.35);
- border: 1px solid #268bd2; }
+ background-color: rgba(82, 148, 226, 0.35);
+ border: 1px solid #5294e2; }
.tile-preview-left.on-primary {
border-radius: 0px 0 0 0; }
.tile-preview-right.on-primary {
@@ -690,8 +690,8 @@ StScrollBar {
border-bottom-width: 1px;
border-color: transparent; }
#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
- color: #fdf6e3;
- background-color: #268bd2;
+ color: #ffffff;
+ background-color: #5294e2;
box-shadow: none;
border-bottom-width: 1px;
border-color: black; }
@@ -720,9 +720,9 @@ StScrollBar {
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .screencast-indicator {
- color: #dc322f; }
+ color: #FC4138; }
#panel .clock-display > * > *:last-child {
- color: #268bd2;
+ color: #5294e2;
margin-left: .3em; }
#panel .popup-menu-arrow {
width: 0; }
@@ -779,11 +779,11 @@ StScrollBar {
padding: 13px;
color: #5c616c;
background-color: transparent;
- border: 1px solid #268bd2; }
+ border: 1px solid #5294e2; }
.system-menu-action:active {
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid #268bd2; }
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid #5294e2; }
.system-menu-action > StIcon {
icon-size: 16px; }
@@ -821,25 +821,25 @@ StScrollBar {
.world-clocks-button,
.message-list-section-title {
padding: 7px 10px 7px 10px;
- border: 1px solid rgba(253, 246, 227, 0); }
+ border: 1px solid rgba(255, 255, 255, 0); }
.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.message-list-section-title:hover,
.message-list-section-title:focus {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: white;
- border: 1px solid #657b83;
+ border: 1px solid #cfd6e6;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
.datemenu-today-button:active,
.world-clocks-button:active,
.message-list-section-title:active {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid #268bd2;
- box-shadow: inset 0 1px rgba(38, 139, 210, 0.05); }
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid #5294e2;
+ box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.datemenu-today-button .date-label {
font-size: 1.5em; }
@@ -850,7 +850,7 @@ StScrollBar {
font-weight: bold; }
.world-clocks-button:active .world-clocks-header {
- color: #fdf6e3; }
+ color: #ffffff; }
.world-clocks-grid {
spacing-rows: 0.4em; }
@@ -932,16 +932,16 @@ StScrollBar {
.calendar-today:focus,
.calendar-today:hover {
font-weight: bold;
- color: #fdf6e3;
- background-color: #268bd2;
+ color: #ffffff;
+ background-color: #5294e2;
border-width: 0; }
.calendar-day-with-events {
- color: #268bd2;
+ color: #5294e2;
font-weight: bold; }
.calendar-today.calendar-day-with-events {
- color: #fdf6e3; }
+ color: #ffffff; }
.calendar-other-month-day {
color: rgba(92, 97, 108, 0.3);
@@ -994,7 +994,7 @@ StScrollBar {
color: #5c616c;
border-image: url("light-assets/misc/message-hover.svg") 9 9 9 9; }
.message:active {
- color: #fdf6e3;
+ color: #ffffff;
border-image: url("light-assets/misc/message-active.svg") 9 9 9 9; }
.message-icon-bin {
padding: 8px 0px 8px 8px; }
@@ -1028,7 +1028,7 @@ StScrollBar {
.message-media-control:hover {
color: #5c616c; }
.message-media-control:active {
- color: #268bd2; }
+ color: #5294e2; }
.media-message-cover-icon {
icon-size: 32px; }
@@ -1096,7 +1096,7 @@ StScrollBar {
.nm-dialog-scroll-view {
border: 1px solid #dcdfe3;
border-radius: 2px;
- background-color: #fdf6e3; }
+ background-color: #ffffff; }
.nm-dialog-header {
font-weight: bold;
font-size: 1.2em; }
@@ -1106,8 +1106,8 @@ StScrollBar {
padding: 12px;
spacing: 0px; }
.nm-dialog-item:selected {
- background-color: #268bd2;
- color: #fdf6e3; }
+ background-color: #5294e2;
+ color: #ffffff; }
.nm-dialog-icons {
spacing: .5em; }
.nm-dialog-icon {
@@ -1135,13 +1135,13 @@ StScrollBar {
padding: 32px; }
.window-clone-border {
- border: 3px solid rgba(38, 139, 210, 0.8);
+ border: 3px solid rgba(82, 148, 226, 0.8);
border-radius: 4px;
- box-shadow: inset 0px 0px 0px 1px rgba(38, 139, 210, 0); }
+ box-shadow: inset 0px 0px 0px 1px rgba(82, 148, 226, 0); }
.window-caption, .window-caption:hover {
spacing: 25px;
- color: #657b83;
+ color: #BAC3CF;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 2px;
padding: 4px 12px;
@@ -1152,7 +1152,7 @@ StScrollBar {
padding: 7px 9px;
border-radius: 20px;
border: 1px solid rgba(0, 0, 0, 0.25);
- background-color: rgba(253, 246, 227, 0.9); }
+ background-color: rgba(255, 255, 255, 0.9); }
.search-entry:focus {
padding: 7px 9px; }
.search-entry .search-entry-icon {
@@ -1160,13 +1160,13 @@ StScrollBar {
padding: 0 4px;
color: #5c616c; }
.search-entry:hover, .search-entry:focus {
- color: #fdf6e3;
- caret-color: #fdf6e3;
- background-color: #268bd2;
- selection-background-color: #fdf6e3;
- selected-color: #268bd2; }
+ color: #ffffff;
+ caret-color: #ffffff;
+ background-color: #5294e2;
+ selection-background-color: #ffffff;
+ selected-color: #5294e2; }
.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
- color: #fdf6e3; }
+ color: #ffffff; }
#searchResultsBin {
max-width: 1000px; }
@@ -1211,19 +1211,17 @@ StScrollBar {
#dash {
font-size: 1em;
- color: #657b83;
- background-color: rgba(7, 54, 66, 0.95);
+ color: #BAC3CF;
+ background-color: rgba(53, 57, 69, 0.95);
border-color: rgba(0, 0, 0, 0.4);
- padding: 6px 1px 6px 0px;
+ padding: 4px 0;
border-radius: 0 3px 3px 0; }
#dash:rtl {
border-radius: 3px 0 0 3px; }
.right #dash, #dash:rtl {
- padding: 6px 0px 6px 1px; }
- .bottom #dash {
- padding: 1px 6px 0px 6px; }
- .top #dash {
- padding: 0px 6px 1px 6px; }
+ padding: 4px 0; }
+ .top #dash, .bottom #dash {
+ padding: 0; }
#dash .placeholder {
background-image: url("common-assets/dash/dash-placeholder.svg");
background-size: contain;
@@ -1232,14 +1230,11 @@ StScrollBar {
width: 24px;
height: 24px; }
-.dash-item-container > StWidget {
- padding: 0px 4px 0px 5px; }
- .right .dash-item-container > StWidget, .dash-item-container > StWidget:rtl {
- padding: 0px 5px 0px 4px; }
- .bottom .dash-item-container > StWidget {
- padding: 4px 0px 5px 0px; }
- .top .dash-item-container > StWidget {
- padding: 5px 0px 4px 0px; }
+.dash-item-container > StWidget, .dash-item-container > StWidget:rtl, .right .dash-item-container > StWidget {
+ padding: 4px 8px; }
+
+.top .dash-item-container > StWidget, .bottom .dash-item-container > StWidget {
+ padding: 6px; }
.dash-label {
border-radius: 3px;
@@ -1252,30 +1247,24 @@ StScrollBar {
-y-offset: 3px;
-x-offset: 0; }
-#dash .app-well-app .overview-icon,
-.right #dash .app-well-app .overview-icon,
-.bottom #dash .app-well-app .overview-icon,
-.top #dash .app-well-app .overview-icon {
- padding: 10px; }
-
#dash .app-well-app:hover .overview-icon,
.right #dash .app-well-app:hover .overview-icon,
.bottom #dash .app-well-app:hover .overview-icon,
.top #dash .app-well-app:hover .overview-icon {
- background-color: #268bd2; }
+ background-color: #5294e2; }
#dash .app-well-app:active .overview-icon,
.right #dash .app-well-app:active .overview-icon,
.bottom #dash .app-well-app:active .overview-icon,
.top #dash .app-well-app:active .overview-icon {
box-shadow: none;
- background-color: #1e6ea7; }
+ background-color: #2679db; }
#dash .app-well-app-running-dot {
width: 11px;
height: 2px;
- margin-bottom: 6px;
- background-color: #268bd2; }
+ margin-bottom: 2px;
+ background-color: #5294e2; }
#dashtodockContainer .app-well-app-running-dot {
background: none;
@@ -1295,21 +1284,20 @@ StScrollBar {
background-image: url("common-assets/dash/running4.svg"); }
.show-apps .overview-icon {
- padding: 11px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 2px;
border: 0px solid; }
.show-apps:hover .overview-icon {
background-color: rgba(0, 0, 0, 0.7);
- color: #268bd2; }
+ color: #5294e2; }
.show-apps:active .overview-icon,
.show-apps:active .show-apps-icon,
.show-apps:checked .overview-icon,
.show-apps:checked .show-apps-icon {
- color: #fdf6e3;
- background-color: #268bd2;
+ color: #ffffff;
+ background-color: #5294e2;
box-shadow: none;
transition-duration: 0ms; }
@@ -1325,20 +1313,20 @@ StScrollBar {
.app-view-control {
padding: 4px 32px;
- text-shadow: 0 1px rgba(253, 246, 227, 0);
- color: #657b83;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(18, 137, 167, 0.35);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #BAC3CF;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.35);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.app-view-control:hover {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
- color: #657b83;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(21, 163, 200, 0.45);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #BAC3CF;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(119, 127, 151, 0.45);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.app-view-control:checked {
- color: #fdf6e3;
- background-color: #268bd2; }
+ color: #ffffff;
+ background-color: #5294e2; }
.app-view-control:first-child:ltr, .app-view-control:last-child:rtl {
border-radius: 2px 0 0 2px;
border-right-width: 0; }
@@ -1349,13 +1337,13 @@ StScrollBar {
.search-provider-icon:active, .search-provider-icon:checked,
.list-search-result:active,
.list-search-result:checked {
- background-color: rgba(2, 16, 20, 0.85); }
+ background-color: rgba(31, 33, 40, 0.85); }
.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(101, 123, 131, 0.4);
+ background-color: rgba(186, 195, 207, 0.4);
transition-duration: 200ms; }
.app-well-app:active .overview-icon,
@@ -1364,8 +1352,8 @@ StScrollBar {
.app-well-app.app-folder:checked .overview-icon,
.grid-search-result:active .overview-icon,
.grid-search-result:checked .overview-icon {
- background-color: rgba(2, 16, 20, 0.85);
- box-shadow: inset 0 0 #268bd2; }
+ background-color: rgba(31, 33, 40, 0.85);
+ box-shadow: inset 0 0 #5294e2; }
.app-well-app:hover .overview-icon,
.app-well-app:focus .overview-icon,
@@ -1376,7 +1364,7 @@ StScrollBar {
.grid-search-result:hover .overview-icon,
.grid-search-result:focus .overview-icon,
.grid-search-result:selected .overview-icon {
- background-color: rgba(101, 123, 131, 0.4);
+ background-color: rgba(186, 195, 207, 0.4);
transition-duration: 0ms;
border-image: none;
background-image: none; }
@@ -1385,7 +1373,7 @@ StScrollBar {
width: 20px;
height: 2px;
margin-bottom: 4px;
- background-color: #268bd2; }
+ background-color: #5294e2; }
.search-provider-icon,
.list-search-result, .app-well-app .overview-icon,
@@ -1399,23 +1387,23 @@ StScrollBar {
text-align: center; }
.app-well-app.app-folder > .overview-icon {
- background-color: rgba(3, 24, 29, 0.95);
+ background-color: rgba(35, 38, 46, 0.95);
border: 1px solid rgba(0, 0, 0, 0.45); }
.app-well-app.app-folder:hover > .overview-icon {
- background-color: rgba(8, 65, 80, 0.95); }
+ background-color: rgba(60, 64, 78, 0.95); }
.app-well-app.app-folder:active > .overview-icon, .app-well-app.app-folder:checked > .overview-icon {
- color: #fdf6e3;
- background-color: #268bd2;
+ color: #ffffff;
+ background-color: #5294e2;
box-shadow: none; }
.app-well-app.app-folder:focus > .overview-icon {
- background-color: #268bd2; }
+ background-color: #5294e2; }
.app-folder-popup {
-arrow-border-radius: 2px;
- -arrow-background-color: rgba(3, 24, 29, 0.95);
+ -arrow-background-color: rgba(35, 38, 46, 0.95);
-arrow-border-color: rgba(0, 0, 0, 0.45);
-arrow-border-width: 1px;
-arrow-base: 5;
@@ -1465,7 +1453,7 @@ StScrollBar {
border-image: url("common-assets/dash/dash-left.svg") 9 9 9 9; }
.workspace-thumbnail-indicator {
- border: 4px solid rgba(38, 139, 210, 0.8);
+ border: 4px solid rgba(82, 148, 226, 0.8);
border-radius: 1px;
padding: 1px; }
@@ -1480,7 +1468,7 @@ StScrollBar {
color: #5c616c; }
.url-highlighter {
- link-color: #1e6ea7; }
+ link-color: #2679db; }
.notification-banner,
.notification-banner:hover,
@@ -1546,7 +1534,7 @@ StScrollBar {
.chat-sent {
padding-left: 18pt;
- color: #268bd2; }
+ color: #5294e2; }
.chat-sent:rtl {
padding-left: 0;
padding-right: 18pt; }
@@ -1602,7 +1590,7 @@ StScrollBar {
color: pink; }
.legacy-tray {
- background-color: rgba(5, 36, 44, 0.95); }
+ background-color: rgba(43, 46, 55, 0.95); }
.legacy-tray:ltr {
border-radius: 0 2px 0 0;
border-left-width: 0; }
@@ -1636,12 +1624,12 @@ StScrollBar {
min-width: 155px; }
.magnifier-zoom-region {
- border: 2px solid #268bd2; }
+ border: 2px solid #5294e2; }
.magnifier-zoom-region.full-screen {
border-width: 0; }
#keyboard {
- background-color: rgba(7, 54, 66, 0.95);
+ background-color: rgba(53, 57, 69, 0.95);
border-width: 0;
border-top-width: 1px;
border-color: rgba(0, 0, 0, 0.2); }
@@ -1660,35 +1648,35 @@ StScrollBar {
font-weight: bold;
border-radius: 3px;
box-shadow: none;
- text-shadow: 0 1px rgba(253, 246, 227, 0);
- color: #657b83;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(18, 137, 167, 0.35);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #BAC3CF;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.35);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.keyboard-key:hover {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
- color: #657b83;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(21, 163, 200, 0.45);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #BAC3CF;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(119, 127, 151, 0.45);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.keyboard-key:active, .keyboard-key:checked {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
- color: #fdf6e3;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: #268bd2;
- box-shadow: inset 0 1px rgba(38, 139, 210, 0.05); }
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #ffffff;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: #5294e2;
+ box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.keyboard-key:grayed {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
- color: #234b56;
- border: 1px solid rgba(1, 9, 11, 0.35);
- background-color: rgba(18, 137, 167, 0.2);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #5d626e;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.2);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.keyboard-subkeys {
- color: #657b83;
+ color: #BAC3CF;
padding: 5px;
-arrow-border-radius: 2px;
- -arrow-background-color: rgba(7, 54, 66, 0.95);
+ -arrow-background-color: rgba(53, 57, 69, 0.95);
-arrow-border-width: 1px;
-arrow-border-color: rgba(0, 0, 0, 0.4);
-arrow-base: 20px;
@@ -1698,20 +1686,20 @@ StScrollBar {
.candidate-popup-content {
padding: 0.5em;
spacing: 0.3em;
- color: #657b83;
+ color: #BAC3CF;
font-size: 1.15em; }
.candidate-index {
padding: 0 0.5em 0 0;
- color: #7f949c; }
+ color: #d8dde4; }
.candidate-box {
padding: 0.3em 0.5em 0.3em 0.5em;
border-radius: 2px;
- color: #657b83; }
+ color: #BAC3CF; }
.candidate-box:selected, .candidate-box:hover {
- background-color: #268bd2;
- color: #fdf6e3; }
+ background-color: #5294e2;
+ color: #ffffff; }
.candidate-page-button-box {
height: 2em; }
@@ -1740,7 +1728,7 @@ StScrollBar {
border-radius: 2px; }
.framed-user-icon:hover {
border-color: transparent;
- color: #b8c4c9; }
+ color: white; }
.login-dialog-banner-view {
padding-top: 24px;
@@ -1754,27 +1742,27 @@ StScrollBar {
.login-dialog .modal-dialog-button {
padding: 3px 18px; }
.login-dialog .modal-dialog-button:default {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fbfbfc;
- border: 1px solid #657b83;
+ border: 1px solid #cfd6e6;
box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); }
.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: white;
- border: 1px solid #657b83;
+ border: 1px solid #cfd6e6;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
.login-dialog .modal-dialog-button:default:active {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid #268bd2;
- box-shadow: inset 0 1px rgba(38, 139, 210, 0.05); }
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid #5294e2;
+ box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.login-dialog .modal-dialog-button:default:insensitive {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
color: rgba(92, 97, 108, 0.55);
- border: 1px solid rgba(101, 123, 131, 0.55);
+ border: 1px solid rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55);
box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); }
@@ -1782,13 +1770,13 @@ StScrollBar {
padding: 24px 0px; }
.login-dialog-banner {
- color: #4f6066; }
+ color: #9ca9ba; }
.login-dialog-button-box {
spacing: 5px; }
.login-dialog-message-warning {
- color: #cb4b16; }
+ color: #F27835; }
.login-dialog-message-hint {
padding-top: 0;
@@ -1800,12 +1788,12 @@ StScrollBar {
padding-left: 2px; }
.login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label,
.login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label {
- color: #657b83; }
+ color: #BAC3CF; }
.login-dialog-not-listed-label {
font-size: 90%;
font-weight: bold;
- color: #222a2d;
+ color: #62758e;
padding-top: 1em; }
.login-dialog-user-list-view {
@@ -1816,32 +1804,32 @@ StScrollBar {
padding: .2em;
width: 23em; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:focus {
- background-color: #268bd2;
- color: #fdf6e3; }
+ background-color: #5294e2;
+ color: #ffffff; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
- border-right: 2px solid #268bd2; }
+ border-right: 2px solid #5294e2; }
.login-dialog-user-list-item {
border-radius: 5px;
padding: .2em;
- color: #222a2d; }
+ color: #62758e; }
.login-dialog-user-list-item:ltr {
padding-right: 1em; }
.login-dialog-user-list-item:rtl {
padding-left: 1em; }
.login-dialog-user-list-item:hover {
- background-color: #268bd2;
- color: #fdf6e3; }
+ background-color: #5294e2;
+ color: #ffffff; }
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin: 2px 0 0 0;
- background-color: #657b83; }
+ background-color: #BAC3CF; }
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
- background-color: #fdf6e3; }
+ background-color: #ffffff; }
.login-dialog-username,
.user-widget-label {
- color: #657b83;
+ color: #BAC3CF;
font-size: 120%;
font-weight: bold;
text-align: left;
@@ -1860,7 +1848,7 @@ StScrollBar {
width: 23em; }
.login-dialog-prompt-label {
- color: #394549;
+ color: #7e8fa5;
font-size: 110%;
padding-top: 1em; }
@@ -1868,11 +1856,11 @@ StScrollBar {
icon-size: 1.25em; }
.login-dialog-session-list-button {
- color: #222a2d; }
+ color: #62758e; }
.login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus {
- color: #657b83; }
+ color: #BAC3CF; }
.login-dialog-session-list-button:active {
- color: black; }
+ color: #394351; }
.screen-shield-arrows {
padding-bottom: 3em; }
@@ -1909,9 +1897,9 @@ StScrollBar {
.screen-shield-notifications-container .notification,
.screen-shield-notifications-container .screen-shield-notification-source {
padding: 12px 6px;
- border: 1px solid rgba(101, 123, 131, 0.2);
- background-color: rgba(7, 54, 66, 0.45);
- color: #657b83;
+ border: 1px solid rgba(186, 195, 207, 0.2);
+ background-color: rgba(53, 57, 69, 0.45);
+ color: #BAC3CF;
border-radius: 4px; }
.screen-shield-notifications-container .notification {
margin-right: 15px; }
@@ -1924,7 +1912,7 @@ StScrollBar {
padding: 0px 0px 0px 12px; }
#panel.lock-screen {
- background-color: rgba(7, 54, 66, 0.5); }
+ background-color: rgba(53, 57, 69, 0.5); }
.screen-shield-background {
background: black;
@@ -1939,7 +1927,7 @@ StScrollBar {
#screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus {
background-color: rgba(245, 246, 247, 0.5); }
#screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active {
- background-color: rgba(38, 139, 210, 0.5); }
+ background-color: rgba(82, 148, 226, 0.5); }
#LookingGlassDialog {
spacing: 4px;
@@ -1948,7 +1936,7 @@ StScrollBar {
border: 1px solid black;
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
border-radius: 2px;
- color: #657b83; }
+ color: #BAC3CF; }
#LookingGlassDialog > #Toolbar {
padding: 3px;
border: none;
@@ -1960,7 +1948,7 @@ StScrollBar {
-natural-hpadding: 12px;
-minimum-hpadding: 6px;
font-weight: bold;
- color: #657b83;
+ color: #BAC3CF;
transition-duration: 100ms;
padding-left: .3em;
padding-right: .3em; }
@@ -1969,7 +1957,7 @@ StScrollBar {
text-shadow: black 0px 2px 2px; }
#LookingGlassDialog .notebook-tab:selected {
border-bottom-width: 0px;
- color: #268bd2;
+ color: #5294e2;
text-shadow: black 0px 2px 2px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
@@ -1978,25 +1966,25 @@ StScrollBar {
spacing: 4px; }
.lg-dialog StEntry {
- caret-color: #fdf6e3;
- selection-background-color: #268bd2;
- selected-color: #fdf6e3;
- color: #657b83;
- background-color: rgba(18, 137, 167, 0.35);
- border: 1px solid rgba(1, 9, 11, 0.35);
+ caret-color: #ffffff;
+ selection-background-color: #5294e2;
+ selected-color: #ffffff;
+ color: #BAC3CF;
+ background-color: rgba(102, 109, 132, 0.35);
+ border: 1px solid rgba(26, 28, 34, 0.35);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
.lg-dialog StEntry:focus {
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid rgba(1, 9, 11, 0.35);
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid rgba(26, 28, 34, 0.35);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
- selection-background-color: #fdf6e3;
- selected-color: #268bd2; }
+ selection-background-color: #ffffff;
+ selected-color: #5294e2; }
.lg-dialog .shell-link {
- color: #1e6ea7; }
+ color: #2679db; }
.lg-dialog .shell-link:hover {
- color: #268bd2; }
+ color: #5294e2; }
.lg-completions-text {
font-size: .9em;
@@ -2010,7 +1998,7 @@ StScrollBar {
padding: 4px;
border-radius: 4px; }
.lg-obj-inspector-button:hover {
- border: 1px solid #fdf6e3; }
+ border: 1px solid #ffffff; }
#lookingGlassExtensions {
padding: 4px; }
@@ -2022,7 +2010,7 @@ StScrollBar {
.lg-extension {
border: 1px solid rgba(0, 0, 0, 0.7);
border-radius: 2px;
- background-color: rgba(7, 54, 66, 0.95);
+ background-color: rgba(53, 57, 69, 0.95);
padding: 4px; }
.lg-extension-name {
diff --git a/common/gnome-shell/3.18/sass/_common.scss b/common/gnome-shell/3.18/sass/_common.scss
index 89c30fb..3da3c1a 100644
--- a/common/gnome-shell/3.18/sass/_common.scss
+++ b/common/gnome-shell/3.18/sass/_common.scss
@@ -1583,21 +1583,16 @@ StScrollBar {
color: $osd_fg_color;
background-color: $dark_sidebar_bg;
border-color: rgba(0,0,0,0.4);
- padding: 6px 1px 6px 0px;
+ padding: 4px 0;
border-radius: 0 3px 3px 0;
&:rtl { border-radius: 3px 0 0 3px; }
.right &,
- &:rtl {
- padding: 6px 0px 6px 1px;
- }
- .bottom & {
- padding: 1px 6px 0px 6px;
- }
- .top & {
- padding: 0px 6px 1px 6px;
- }
+ &:rtl { padding: 4px 0; }
+
+ .top &, .bottom & { padding: 0; }
+
.placeholder {
background-image: url("common-assets/dash/dash-placeholder.svg");
background-size: contain;
@@ -1611,11 +1606,10 @@ StScrollBar {
}
.dash-item-container > StWidget {
- padding: 0px 4px 0px 5px;
- .right &, &:rtl { padding: 0px 5px 0px 4px; }
- .bottom & { padding: 4px 0px 5px 0px; }
- .top & { padding: 5px 0px 4px 0px; }
+ &, &:rtl, .right & { padding: 4px 8px; }
+
+ .top &, .bottom & { padding: 6px; }
}
//osd tooltip
@@ -1636,13 +1630,6 @@ StScrollBar {
// Dash Buttons
#dash .app-well-app {
- .overview-icon,
- .right & .overview-icon,
- .bottom & .overview-icon,
- .top & .overview-icon {
- padding: 10px;
- }
-
&:hover .overview-icon,
.right &:hover .overview-icon,
.bottom &:hover .overview-icon,
@@ -1661,7 +1648,7 @@ StScrollBar {
&-running-dot {
width: 11px;
height: 2px;
- margin-bottom: 6px;
+ margin-bottom: 2px;
background-color: $selected_bg_color;
}
}
@@ -1683,7 +1670,6 @@ StScrollBar {
.show-apps {
.overview-icon {
- padding: 11px;
background-color: transparentize(black, 0.5);
border-radius: 2px;
border: 0px solid;