diff options
Diffstat (limited to 'common/gnome-shell/3.18')
-rw-r--r-- | common/gnome-shell/3.18/gnome-shell-dark.css | 630 | ||||
-rw-r--r-- | common/gnome-shell/3.18/gnome-shell.css | 460 | ||||
-rw-r--r-- | common/gnome-shell/3.18/sass/_common.scss | 32 |
3 files changed, 542 insertions, 580 deletions
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; |