From eae07e87b5faec363340189075aae50176f09ea3 Mon Sep 17 00:00:00 2001 From: Vince Date: Tue, 15 Nov 2022 23:35:00 +0800 Subject: [PATCH] Fixed gnome-shell 43 issues --- src/gnome-shell/40.0/gnome-shell-aliz.css | 160 ++++--- src/gnome-shell/40.0/gnome-shell-azul.css | 160 ++++--- .../40.0/gnome-shell-dark-aliz.css | 162 ++++--- .../40.0/gnome-shell-dark-azul.css | 162 ++++--- .../40.0/gnome-shell-dark-pueril.css | 162 ++++--- src/gnome-shell/40.0/gnome-shell-dark-sea.css | 162 ++++--- src/gnome-shell/40.0/gnome-shell-pueril.css | 160 ++++--- src/gnome-shell/40.0/gnome-shell-sea.css | 160 ++++--- src/gnome-shell/42.0/gnome-shell-aliz.css | 393 +++++++++++++---- src/gnome-shell/42.0/gnome-shell-azul.css | 393 +++++++++++++---- .../42.0/gnome-shell-dark-aliz.css | 395 ++++++++++++++---- .../42.0/gnome-shell-dark-azul.css | 395 ++++++++++++++---- .../42.0/gnome-shell-dark-pueril.css | 395 ++++++++++++++---- src/gnome-shell/42.0/gnome-shell-dark-sea.css | 395 ++++++++++++++---- src/gnome-shell/42.0/gnome-shell-pueril.css | 393 +++++++++++++---- src/gnome-shell/42.0/gnome-shell-sea.css | 393 +++++++++++++---- src/gnome-shell/sass/40.0/_colors.scss | 6 +- src/gnome-shell/sass/40.0/_common.scss | 4 +- src/gnome-shell/sass/40.0/_drawing.scss | 2 +- src/gnome-shell/sass/40.0/_widgets-42.scss | 1 + .../sass/40.0/widgets/_app-grid.scss | 44 +- .../sass/40.0/widgets/_buttons.scss | 2 +- .../sass/40.0/widgets/_calendar.scss | 42 +- .../sass/40.0/widgets/_quick-settings.scss | 182 ++++++++ .../sass/40.0/widgets/_screenshot.scss | 3 +- .../sass/40.0/widgets/_slider.scss | 6 +- 26 files changed, 3627 insertions(+), 1105 deletions(-) create mode 100644 src/gnome-shell/sass/40.0/widgets/_quick-settings.scss diff --git a/src/gnome-shell/40.0/gnome-shell-aliz.css b/src/gnome-shell/40.0/gnome-shell-aliz.css index 9e26f8ad..c55808f3 100644 --- a/src/gnome-shell/40.0/gnome-shell-aliz.css +++ b/src/gnome-shell/40.0/gnome-shell-aliz.css @@ -32,7 +32,7 @@ stage { .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 12px; } @@ -61,8 +61,8 @@ stage { border-radius: 3px; border-style: solid; border-width: 1px; - min-height: 22px; - padding: 3px 24px; + min-height: 20px; + padding: 6px 12px; color: #363636; background-color: #ffffff; border-color: #cfcfcf; @@ -75,7 +75,7 @@ stage { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6); + box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6) !important; } .button:hover { @@ -179,7 +179,7 @@ stage { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6); + box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6) !important; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { @@ -316,9 +316,9 @@ StEntry StLabel.hint-text { /* Slider */ .slider { - height: 15px; + height: 16px; color: #F0544C; - -barlevel-height: 3px; + -barlevel-height: 4px; -barlevel-background-color: #cfcfcf; -barlevel-border-width: 0; -barlevel-border-color: #cfcfcf; @@ -327,7 +327,7 @@ StEntry StLabel.hint-text { -barlevel-overdrive-color: #e01b24; -barlevel-overdrive-border-color: #ce1921; -barlevel-overdrive-separator-width: 1px; - -slider-handle-radius: 7.5px; + -slider-handle-radius: 8px; -slider-handle-border-width: 0; -slider-handle-border-color: #cfcfcf; } @@ -776,17 +776,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-day-base { font-size: 9pt; text-align: center; - width: 32px; - height: 32px; + width: 32px !important; + height: 32px !important; padding: 0; - margin: 0 2px; - border-radius: 100%; + margin: 3px; + border-radius: 1000px; border: none; font-feature-settings: "tnum"; } .calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus { background-color: rgba(54, 54, 54, 0.1); + box-shadow: none; } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { @@ -854,12 +855,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; - height: 1.8em; - width: 2.3em; - border-radius: 2px; - margin: 6px; - background-color: #f0f0f0; - color: #434343; + height: 12px !important; + width: 12px !important; + padding: 8px; + margin: 5px 3px; + border-radius: 3px; + background-color: rgba(54, 54, 54, 0.05); + color: #555555; } /* Events */ @@ -1846,7 +1848,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Top Bar */ #panel { - background-color: #222222; + background-color: #101010; font-weight: bold; height: 2.2em; font-feature-settings: "tnum"; @@ -1864,7 +1866,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #222222; + -panel-corner-background-color: #101010; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; -panel-corner-opacity: 1; @@ -1977,7 +1979,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #overviewGroup { - background-color: #2f2f2f; + background-color: #1d1d1d; } .overview-controls { @@ -1991,13 +1993,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .window-caption { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 6px 12px; } .window-close { - background-color: #3c3c3c; + background-color: #2a2a2a; color: #efefef; border-radius: 1000px; padding: 3px; @@ -2014,17 +2016,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-close:hover { - background-color: #626262; + background-color: #505050; } .window-close:active { color: rgba(239, 239, 239, 0.8); - background-color: #2f2f2f; + background-color: #1d1d1d; } .workspace-background { border-radius: 30px; - background-color: #3c3c3c; + background-color: #2a2a2a; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); } @@ -2176,7 +2178,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 6px 12px; text-align: center; @@ -2220,7 +2222,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { - color: #fff; + color: #ffffff; } .app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon, @@ -2258,13 +2260,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Folders */ .app-well-app.app-folder { - background-color: #272727; + background-color: #151515; border-radius: 3px; } .app-folder-dialog { border-radius: 7.5px; - background-color: rgba(47, 47, 47, 0.9); + background-color: #1d1d1d; padding: 8px !important; } @@ -2274,7 +2276,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* FIXME: this is to keep the label in sync with the entry */ } -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { +.app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { font-size: 18pt; font-weight: 800; } @@ -2282,8 +2285,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; box-shadow: none; - border-radius: 3px; + border-radius: 1000px; border: 2px solid transparent; + background-color: rgba(247, 247, 247, 0.1); + color: #efefef; } .app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus { @@ -2407,10 +2412,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .page-navigation-arrow { + color: #efefef; +} + +.page-navigation-arrow > StIcon { margin: 6px; + padding: 18px; width: 24px; height: 24px; + border-radius: 1000px; + color: rgba(239, 239, 239, 0.75); +} + +.page-navigation-arrow:insensitive > StIcon { + color: #b2b2b2; + border-color: #e2e2e2; + background-color: #f9f9f9; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.page-navigation-arrow:hover > StIcon { color: #efefef; + background-color: rgba(91, 91, 91, 0.55); + border-color: #cfcfcf; + box-shadow: none; + text-shadow: 0 1px rgba(255, 255, 255, 0.3); + icon-shadow: 0 1px rgba(255, 255, 255, 0.3); +} + +.page-navigation-arrow:active > StIcon { + color: #efefef; + background-color: rgba(110, 110, 110, 0.575); + border-color: #cfcfcf; + text-shadow: none; + icon-shadow: none; + box-shadow: none; } /* Workspace pager */ @@ -2521,7 +2559,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Workspace animation */ .workspace-animation { - background-color: #2f2f2f; + background-color: #1d1d1d; } /* Tiled window previews */ @@ -2581,7 +2619,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6); + box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6) !important; } .keyboard-key:hover, .keyboard-key:checked { @@ -2610,7 +2648,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key { color: #363636; - background-color: #1f1f1f; + background-color: #0e0e0e; border-color: #cfcfcf; box-shadow: none; text-shadow: 0 1px rgba(255, 255, 255, 0.3); @@ -2619,7 +2657,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: #363636; - background-color: #222222; + background-color: #121212; border-color: #cfcfcf; box-shadow: none; text-shadow: 0 1px rgba(255, 255, 255, 0.3); @@ -2628,7 +2666,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:active { color: #363636; - background-color: #232323; + background-color: #141414; border-color: #cfcfcf; text-shadow: none; icon-shadow: none; @@ -2673,9 +2711,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-subkeys { color: #efefef; -arrow-border-radius: 5px; - -arrow-background-color: #3c3c3c; + -arrow-background-color: #2a2a2a; -arrow-border-width: 1px; - -arrow-border-color: #525252; + -arrow-border-color: #414141; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; @@ -2695,7 +2733,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6); + box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6) !important; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { @@ -2735,7 +2773,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Looking Glass */ #LookingGlassDialog { - background-color: #3c3c3c; + background-color: #2a2a2a; spacing: 6px; padding: 4px; border: 1px solid rgba(239, 239, 239, 0.2); @@ -2746,7 +2784,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog > #Toolbar { border: none; border-radius: 3px; - background-color: #3c3c3c; + background-color: #2a2a2a; } #LookingGlassDialog .labels { @@ -2784,7 +2822,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - background-color: rgba(72, 72, 72, 0.6); + background-color: rgba(54, 54, 54, 0.6); color: #efefef; border-color: rgba(239, 239, 239, 0.2); min-height: 22px; @@ -2846,7 +2884,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-extension { border: 1px solid rgba(13, 13, 13, 0.7); - background-color: #484848; + background-color: #363636; border-radius: 3px; padding: 4px; } @@ -2860,7 +2898,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #3c3c3c; + background: #2a2a2a; border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 3px; padding: 6px; @@ -2887,23 +2925,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); - background-color: #272727; - border-color: #272727; + background-color: #151515; + border-color: #151515; color: #efefef; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { - background-color: #3c3c3c; - border-color: #3c3c3c; + background-color: #2a2a2a; + border-color: #2a2a2a; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; - background-color: #222222; - border-color: #222222; + background-color: #101010; + border-color: #101010; } .login-dialog .modal-dialog-button:insensitive, @@ -2914,8 +2952,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; text-shadow: none; icon-shadow: none; - border-color: #222222; - background-color: #222222; + border-color: #101010; + background-color: #101010; color: rgba(239, 239, 239, 0.7); } @@ -2978,8 +3016,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 99px; width: 2.18em; height: 2.18em; - border-color: #272727; - background-color: #272727; + border-color: #151515; + background-color: #151515; } .login-dialog .cancel-button StIcon, @@ -3161,14 +3199,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 6px; border: none; - background-color: rgba(60, 60, 60, 0.3); + background-color: rgba(42, 42, 42, 0.3); color: #efefef; border-radius: 5px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(60, 60, 60, 0.9); + background-color: rgba(42, 42, 42, 0.9); } .unlock-dialog-notification-label { @@ -3178,7 +3216,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notification-count-text { weight: bold; padding: 0 6px; - color: #3c3c3c; + color: #2a2a2a; background-color: rgba(239, 239, 239, 0.3); border-radius: 99px; margin-right: 12px; @@ -3190,7 +3228,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background-color: #2f2f2f; + background-color: #1d1d1d; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { @@ -3368,7 +3406,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #dashtodockContainer #dash .dash-background { color: #dddddd; - background-color: rgba(34, 34, 34, 0.9); + background-color: rgba(16, 16, 16, 0.9); } #dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { @@ -3460,7 +3498,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6); + box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6) !important; } .openweather-provider:active { diff --git a/src/gnome-shell/40.0/gnome-shell-azul.css b/src/gnome-shell/40.0/gnome-shell-azul.css index c5b2ed9c..226597a9 100644 --- a/src/gnome-shell/40.0/gnome-shell-azul.css +++ b/src/gnome-shell/40.0/gnome-shell-azul.css @@ -32,7 +32,7 @@ stage { .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { color: #efefef; - background-color: #313441; + background-color: #22242d; border-radius: 3px; padding: 12px; } @@ -61,8 +61,8 @@ stage { border-radius: 3px; border-style: solid; border-width: 1px; - min-height: 22px; - padding: 3px 24px; + min-height: 20px; + padding: 6px 12px; color: #363636; background-color: #ffffff; border-color: #cfcfcf; @@ -75,7 +75,7 @@ stage { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6); + box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6) !important; } .button:hover { @@ -179,7 +179,7 @@ stage { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6); + box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6) !important; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { @@ -316,9 +316,9 @@ StEntry StLabel.hint-text { /* Slider */ .slider { - height: 15px; + height: 16px; color: #3498db; - -barlevel-height: 3px; + -barlevel-height: 4px; -barlevel-background-color: #cfcfcf; -barlevel-border-width: 0; -barlevel-border-color: #cfcfcf; @@ -327,7 +327,7 @@ StEntry StLabel.hint-text { -barlevel-overdrive-color: #e01b24; -barlevel-overdrive-border-color: #ce1921; -barlevel-overdrive-separator-width: 1px; - -slider-handle-radius: 7.5px; + -slider-handle-radius: 8px; -slider-handle-border-width: 0; -slider-handle-border-color: #cfcfcf; } @@ -776,17 +776,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-day-base { font-size: 9pt; text-align: center; - width: 32px; - height: 32px; + width: 32px !important; + height: 32px !important; padding: 0; - margin: 0 2px; - border-radius: 100%; + margin: 3px; + border-radius: 1000px; border: none; font-feature-settings: "tnum"; } .calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus { background-color: rgba(54, 54, 54, 0.1); + box-shadow: none; } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { @@ -854,12 +855,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; - height: 1.8em; - width: 2.3em; - border-radius: 2px; - margin: 6px; - background-color: #f0f0f0; - color: #434343; + height: 12px !important; + width: 12px !important; + padding: 8px; + margin: 5px 3px; + border-radius: 3px; + background-color: rgba(54, 54, 54, 0.05); + color: #555555; } /* Events */ @@ -1846,7 +1848,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Top Bar */ #panel { - background-color: #1b1d24; + background-color: #0c0d10; font-weight: bold; height: 2.2em; font-feature-settings: "tnum"; @@ -1864,7 +1866,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #1b1d24; + -panel-corner-background-color: #0c0d10; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; -panel-corner-opacity: 1; @@ -1977,7 +1979,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #overviewGroup { - background-color: #262933; + background-color: #17181e; } .overview-controls { @@ -1991,13 +1993,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .window-caption { color: #efefef; - background-color: #313441; + background-color: #22242d; border-radius: 3px; padding: 6px 12px; } .window-close { - background-color: #313441; + background-color: #22242d; color: #efefef; border-radius: 1000px; padding: 3px; @@ -2014,17 +2016,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-close:hover { - background-color: #52586d; + background-color: #424758; } .window-close:active { color: rgba(239, 239, 239, 0.8); - background-color: #262933; + background-color: #17181e; } .workspace-background { border-radius: 30px; - background-color: #313441; + background-color: #22242d; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); } @@ -2176,7 +2178,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { color: #efefef; - background-color: #313441; + background-color: #22242d; border-radius: 3px; padding: 6px 12px; text-align: center; @@ -2220,7 +2222,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { - color: #fff; + color: #ffffff; } .app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon, @@ -2258,13 +2260,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Folders */ .app-well-app.app-folder { - background-color: #1f222a; + background-color: #101115; border-radius: 3px; } .app-folder-dialog { border-radius: 7.5px; - background-color: rgba(38, 41, 51, 0.9); + background-color: #17181e; padding: 8px !important; } @@ -2274,7 +2276,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* FIXME: this is to keep the label in sync with the entry */ } -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { +.app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { font-size: 18pt; font-weight: 800; } @@ -2282,8 +2285,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; box-shadow: none; - border-radius: 3px; + border-radius: 1000px; border: 2px solid transparent; + background-color: rgba(247, 247, 247, 0.1); + color: #efefef; } .app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus { @@ -2407,10 +2412,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .page-navigation-arrow { + color: #efefef; +} + +.page-navigation-arrow > StIcon { margin: 6px; + padding: 18px; width: 24px; height: 24px; + border-radius: 1000px; + color: rgba(239, 239, 239, 0.75); +} + +.page-navigation-arrow:insensitive > StIcon { + color: #b2b2b2; + border-color: #e2e2e2; + background-color: #f9f9f9; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.page-navigation-arrow:hover > StIcon { color: #efefef; + background-color: rgba(85, 87, 93, 0.55); + border-color: #cfcfcf; + box-shadow: none; + text-shadow: 0 1px rgba(255, 255, 255, 0.3); + icon-shadow: 0 1px rgba(255, 255, 255, 0.3); +} + +.page-navigation-arrow:active > StIcon { + color: #efefef; + background-color: rgba(105, 106, 112, 0.575); + border-color: #cfcfcf; + text-shadow: none; + icon-shadow: none; + box-shadow: none; } /* Workspace pager */ @@ -2521,7 +2559,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Workspace animation */ .workspace-animation { - background-color: #262933; + background-color: #17181e; } /* Tiled window previews */ @@ -2581,7 +2619,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6); + box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6) !important; } .keyboard-key:hover, .keyboard-key:checked { @@ -2610,7 +2648,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key { color: #363636; - background-color: #191b21; + background-color: #0a0a0d; border-color: #cfcfcf; box-shadow: none; text-shadow: 0 1px rgba(255, 255, 255, 0.3); @@ -2619,7 +2657,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: #363636; - background-color: #1c1d23; + background-color: #0e0f11; border-color: #cfcfcf; box-shadow: none; text-shadow: 0 1px rgba(255, 255, 255, 0.3); @@ -2628,7 +2666,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:active { color: #363636; - background-color: #1d1f24; + background-color: #101113; border-color: #cfcfcf; text-shadow: none; icon-shadow: none; @@ -2673,9 +2711,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-subkeys { color: #efefef; -arrow-border-radius: 5px; - -arrow-background-color: #313441; + -arrow-background-color: #22242d; -arrow-border-width: 1px; - -arrow-border-color: #454a5b; + -arrow-border-color: #353947; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; @@ -2695,7 +2733,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6); + box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6) !important; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { @@ -2735,7 +2773,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Looking Glass */ #LookingGlassDialog { - background-color: #313441; + background-color: #22242d; spacing: 6px; padding: 4px; border: 1px solid rgba(239, 239, 239, 0.2); @@ -2746,7 +2784,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog > #Toolbar { border: none; border-radius: 3px; - background-color: #313441; + background-color: #22242d; } #LookingGlassDialog .labels { @@ -2784,7 +2822,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - background-color: rgba(60, 64, 80, 0.6); + background-color: rgba(44, 48, 59, 0.6); color: #efefef; border-color: rgba(239, 239, 239, 0.2); min-height: 22px; @@ -2846,7 +2884,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-extension { border: 1px solid rgba(13, 13, 13, 0.7); - background-color: #3c4050; + background-color: #2c303b; border-radius: 3px; padding: 4px; } @@ -2860,7 +2898,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #313441; + background: #22242d; border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 3px; padding: 6px; @@ -2887,23 +2925,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); - background-color: #1f222a; - border-color: #1f222a; + background-color: #101115; + border-color: #101115; color: #efefef; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { - background-color: #313441; - border-color: #313441; + background-color: #22242d; + border-color: #22242d; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; - background-color: #1b1d24; - border-color: #1b1d24; + background-color: #0c0d10; + border-color: #0c0d10; } .login-dialog .modal-dialog-button:insensitive, @@ -2914,8 +2952,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; text-shadow: none; icon-shadow: none; - border-color: #1b1d24; - background-color: #1b1d24; + border-color: #0c0d10; + background-color: #0c0d10; color: rgba(239, 239, 239, 0.7); } @@ -2978,8 +3016,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 99px; width: 2.18em; height: 2.18em; - border-color: #1f222a; - background-color: #1f222a; + border-color: #101115; + background-color: #101115; } .login-dialog .cancel-button StIcon, @@ -3161,14 +3199,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 6px; border: none; - background-color: rgba(49, 52, 65, 0.3); + background-color: rgba(34, 36, 45, 0.3); color: #efefef; border-radius: 5px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(49, 52, 65, 0.9); + background-color: rgba(34, 36, 45, 0.9); } .unlock-dialog-notification-label { @@ -3178,7 +3216,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notification-count-text { weight: bold; padding: 0 6px; - color: #313441; + color: #22242d; background-color: rgba(239, 239, 239, 0.3); border-radius: 99px; margin-right: 12px; @@ -3190,7 +3228,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background-color: #262933; + background-color: #17181e; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { @@ -3368,7 +3406,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #dashtodockContainer #dash .dash-background { color: #dddddd; - background-color: rgba(27, 29, 36, 0.9); + background-color: rgba(12, 13, 16, 0.9); } #dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { @@ -3460,7 +3498,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6); + box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6) !important; } .openweather-provider:active { diff --git a/src/gnome-shell/40.0/gnome-shell-dark-aliz.css b/src/gnome-shell/40.0/gnome-shell-dark-aliz.css index 0873f552..f1f68554 100644 --- a/src/gnome-shell/40.0/gnome-shell-dark-aliz.css +++ b/src/gnome-shell/40.0/gnome-shell-dark-aliz.css @@ -32,7 +32,7 @@ stage { .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 12px; } @@ -61,8 +61,8 @@ stage { border-radius: 3px; border-style: solid; border-width: 1px; - min-height: 22px; - padding: 3px 24px; + min-height: 20px; + padding: 6px 12px; color: #dddddd; background-color: #222222; border-color: #151515; @@ -75,7 +75,7 @@ stage { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6); + box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6) !important; } .button:hover { @@ -179,7 +179,7 @@ stage { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6); + box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6) !important; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { @@ -316,9 +316,9 @@ StEntry StLabel.hint-text { /* Slider */ .slider { - height: 15px; + height: 16px; color: #ec271d; - -barlevel-height: 3px; + -barlevel-height: 4px; -barlevel-background-color: #151515; -barlevel-border-width: 0; -barlevel-border-color: #151515; @@ -327,7 +327,7 @@ StEntry StLabel.hint-text { -barlevel-overdrive-color: #b2161d; -barlevel-overdrive-border-color: #bc171e; -barlevel-overdrive-separator-width: 1px; - -slider-handle-radius: 7.5px; + -slider-handle-radius: 8px; -slider-handle-border-width: 0; -slider-handle-border-color: #dddddd; } @@ -776,17 +776,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-day-base { font-size: 9pt; text-align: center; - width: 32px; - height: 32px; + width: 32px !important; + height: 32px !important; padding: 0; - margin: 0 2px; - border-radius: 100%; + margin: 3px; + border-radius: 1000px; border: none; font-feature-settings: "tnum"; } .calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus { background-color: rgba(221, 221, 221, 0.1); + box-shadow: none; } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { @@ -854,12 +855,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; - height: 1.8em; - width: 2.3em; - border-radius: 2px; - margin: 6px; - background-color: #2a2a2a; - color: #eaeaea; + height: 12px !important; + width: 12px !important; + padding: 8px; + margin: 5px 3px; + border-radius: 3px; + background-color: rgba(221, 221, 221, 0.05); + color: #aaaaaa; } /* Events */ @@ -1846,7 +1848,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Top Bar */ #panel { - background-color: #222222; + background-color: #101010; font-weight: bold; height: 2.2em; font-feature-settings: "tnum"; @@ -1864,7 +1866,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #222222; + -panel-corner-background-color: #101010; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; -panel-corner-opacity: 1; @@ -1977,7 +1979,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #overviewGroup { - background-color: #2f2f2f; + background-color: #1d1d1d; } .overview-controls { @@ -1991,13 +1993,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .window-caption { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 6px 12px; } .window-close { - background-color: #3c3c3c; + background-color: #2a2a2a; color: #efefef; border-radius: 1000px; padding: 3px; @@ -2014,17 +2016,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-close:hover { - background-color: #626262; + background-color: #505050; } .window-close:active { color: rgba(239, 239, 239, 0.8); - background-color: #2f2f2f; + background-color: #1d1d1d; } .workspace-background { border-radius: 30px; - background-color: #3c3c3c; + background-color: #2a2a2a; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); } @@ -2176,7 +2178,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 6px 12px; text-align: center; @@ -2220,7 +2222,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { - color: #fff; + color: #ffffff; } .app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon, @@ -2258,13 +2260,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Folders */ .app-well-app.app-folder { - background-color: #272727; + background-color: #151515; border-radius: 3px; } .app-folder-dialog { border-radius: 7.5px; - background-color: rgba(47, 47, 47, 0.9); + background-color: #1d1d1d; padding: 8px !important; } @@ -2274,7 +2276,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* FIXME: this is to keep the label in sync with the entry */ } -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { +.app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { font-size: 18pt; font-weight: 800; } @@ -2282,8 +2285,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; box-shadow: none; - border-radius: 3px; + border-radius: 1000px; border: 2px solid transparent; + background-color: rgba(247, 247, 247, 0.1); + color: #efefef; } .app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus { @@ -2407,10 +2412,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .page-navigation-arrow { + color: #efefef; +} + +.page-navigation-arrow > StIcon { margin: 6px; + padding: 18px; width: 24px; height: 24px; + border-radius: 1000px; + color: rgba(239, 239, 239, 0.75); +} + +.page-navigation-arrow:insensitive > StIcon { + color: #6c6c6c; + border-color: #1a1a1a; + background-color: #2a2a2a; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.page-navigation-arrow:hover > StIcon { color: #efefef; + background-color: rgba(73, 73, 73, 0.53); + border-color: #151515; + box-shadow: none; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); +} + +.page-navigation-arrow:active > StIcon { + color: #efefef; + background-color: rgba(91, 91, 91, 0.55); + border-color: #151515; + text-shadow: none; + icon-shadow: none; + box-shadow: none; } /* Workspace pager */ @@ -2521,7 +2559,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Workspace animation */ .workspace-animation { - background-color: #2f2f2f; + background-color: #1d1d1d; } /* Tiled window previews */ @@ -2581,7 +2619,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6); + box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6) !important; } .keyboard-key:hover, .keyboard-key:checked { @@ -2610,7 +2648,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key { color: #dddddd; - background-color: #414141; + background-color: #2f2f2f; border-color: #151515; box-shadow: none; text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -2619,7 +2657,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: #dddddd; - background-color: #4a4a4a; + background-color: #393939; border-color: #151515; box-shadow: none; text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -2628,7 +2666,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:active { color: #dddddd; - background-color: #505050; + background-color: #404040; border-color: #151515; text-shadow: none; icon-shadow: none; @@ -2673,9 +2711,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-subkeys { color: #efefef; -arrow-border-radius: 5px; - -arrow-background-color: #3c3c3c; + -arrow-background-color: #2a2a2a; -arrow-border-width: 1px; - -arrow-border-color: #525252; + -arrow-border-color: #414141; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; @@ -2695,7 +2733,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6); + box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6) !important; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { @@ -2735,7 +2773,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Looking Glass */ #LookingGlassDialog { - background-color: #3c3c3c; + background-color: #2a2a2a; spacing: 6px; padding: 4px; border: 1px solid rgba(239, 239, 239, 0.2); @@ -2746,7 +2784,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog > #Toolbar { border: none; border-radius: 3px; - background-color: #3c3c3c; + background-color: #2a2a2a; } #LookingGlassDialog .labels { @@ -2784,7 +2822,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - background-color: rgba(72, 72, 72, 0.6); + background-color: rgba(54, 54, 54, 0.6); color: #efefef; border-color: rgba(239, 239, 239, 0.2); min-height: 22px; @@ -2846,7 +2884,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-extension { border: 1px solid rgba(13, 13, 13, 0.7); - background-color: #484848; + background-color: #363636; border-radius: 3px; padding: 4px; } @@ -2860,7 +2898,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #3c3c3c; + background: #2a2a2a; border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 3px; padding: 6px; @@ -2880,7 +2918,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog StEntry, .unlock-dialog StEntry { - background-color: #272727; + background-color: #151515; color: #dddddd; } @@ -2893,23 +2931,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); - background-color: #272727; - border-color: #272727; + background-color: #151515; + border-color: #151515; color: #efefef; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { - background-color: #3c3c3c; - border-color: #3c3c3c; + background-color: #2a2a2a; + border-color: #2a2a2a; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; - background-color: #222222; - border-color: #222222; + background-color: #101010; + border-color: #101010; } .login-dialog .modal-dialog-button:insensitive, @@ -2920,8 +2958,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; text-shadow: none; icon-shadow: none; - border-color: #222222; - background-color: #222222; + border-color: #101010; + background-color: #101010; color: rgba(239, 239, 239, 0.7); } @@ -2984,8 +3022,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 99px; width: 2.18em; height: 2.18em; - border-color: #272727; - background-color: #272727; + border-color: #151515; + background-color: #151515; } .login-dialog .cancel-button StIcon, @@ -3167,14 +3205,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 6px; border: none; - background-color: rgba(60, 60, 60, 0.3); + background-color: rgba(42, 42, 42, 0.3); color: #efefef; border-radius: 5px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(60, 60, 60, 0.9); + background-color: rgba(42, 42, 42, 0.9); } .unlock-dialog-notification-label { @@ -3184,7 +3222,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notification-count-text { weight: bold; padding: 0 6px; - color: #3c3c3c; + color: #2a2a2a; background-color: rgba(239, 239, 239, 0.3); border-radius: 99px; margin-right: 12px; @@ -3196,7 +3234,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background-color: #2f2f2f; + background-color: #1d1d1d; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { @@ -3374,7 +3412,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #dashtodockContainer #dash .dash-background { color: #dddddd; - background-color: rgba(34, 34, 34, 0.9); + background-color: rgba(16, 16, 16, 0.9); } #dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { @@ -3466,7 +3504,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6); + box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6) !important; } .openweather-provider:active { diff --git a/src/gnome-shell/40.0/gnome-shell-dark-azul.css b/src/gnome-shell/40.0/gnome-shell-dark-azul.css index b078c9b5..ed4c4482 100644 --- a/src/gnome-shell/40.0/gnome-shell-dark-azul.css +++ b/src/gnome-shell/40.0/gnome-shell-dark-azul.css @@ -32,7 +32,7 @@ stage { .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { color: #efefef; - background-color: #313441; + background-color: #22242d; border-radius: 3px; padding: 12px; } @@ -61,8 +61,8 @@ stage { border-radius: 3px; border-style: solid; border-width: 1px; - min-height: 22px; - padding: 3px 24px; + min-height: 20px; + padding: 6px 12px; color: #dddddd; background-color: #1b1d24; border-color: #101115; @@ -75,7 +75,7 @@ stage { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6); + box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6) !important; } .button:hover { @@ -179,7 +179,7 @@ stage { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6); + box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6) !important; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { @@ -316,9 +316,9 @@ StEntry StLabel.hint-text { /* Slider */ .slider { - height: 15px; + height: 16px; color: #217dbb; - -barlevel-height: 3px; + -barlevel-height: 4px; -barlevel-background-color: #101115; -barlevel-border-width: 0; -barlevel-border-color: #101115; @@ -327,7 +327,7 @@ StEntry StLabel.hint-text { -barlevel-overdrive-color: #b2161d; -barlevel-overdrive-border-color: #bc171e; -barlevel-overdrive-separator-width: 1px; - -slider-handle-radius: 7.5px; + -slider-handle-radius: 8px; -slider-handle-border-width: 0; -slider-handle-border-color: #dddddd; } @@ -776,17 +776,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-day-base { font-size: 9pt; text-align: center; - width: 32px; - height: 32px; + width: 32px !important; + height: 32px !important; padding: 0; - margin: 0 2px; - border-radius: 100%; + margin: 3px; + border-radius: 1000px; border: none; font-feature-settings: "tnum"; } .calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus { background-color: rgba(221, 221, 221, 0.1); + box-shadow: none; } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { @@ -854,12 +855,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; - height: 1.8em; - width: 2.3em; - border-radius: 2px; - margin: 6px; - background-color: #22242d; - color: #eaeaea; + height: 12px !important; + width: 12px !important; + padding: 8px; + margin: 5px 3px; + border-radius: 3px; + background-color: rgba(221, 221, 221, 0.05); + color: #aaaaaa; } /* Events */ @@ -1846,7 +1848,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Top Bar */ #panel { - background-color: #1b1d24; + background-color: #0c0d10; font-weight: bold; height: 2.2em; font-feature-settings: "tnum"; @@ -1864,7 +1866,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #1b1d24; + -panel-corner-background-color: #0c0d10; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; -panel-corner-opacity: 1; @@ -1977,7 +1979,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #overviewGroup { - background-color: #262933; + background-color: #17181e; } .overview-controls { @@ -1991,13 +1993,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .window-caption { color: #efefef; - background-color: #313441; + background-color: #22242d; border-radius: 3px; padding: 6px 12px; } .window-close { - background-color: #313441; + background-color: #22242d; color: #efefef; border-radius: 1000px; padding: 3px; @@ -2014,17 +2016,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-close:hover { - background-color: #52586d; + background-color: #424758; } .window-close:active { color: rgba(239, 239, 239, 0.8); - background-color: #262933; + background-color: #17181e; } .workspace-background { border-radius: 30px; - background-color: #313441; + background-color: #22242d; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); } @@ -2176,7 +2178,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { color: #efefef; - background-color: #313441; + background-color: #22242d; border-radius: 3px; padding: 6px 12px; text-align: center; @@ -2220,7 +2222,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { - color: #fff; + color: #ffffff; } .app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon, @@ -2258,13 +2260,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Folders */ .app-well-app.app-folder { - background-color: #1f222a; + background-color: #101115; border-radius: 3px; } .app-folder-dialog { border-radius: 7.5px; - background-color: rgba(38, 41, 51, 0.9); + background-color: #17181e; padding: 8px !important; } @@ -2274,7 +2276,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* FIXME: this is to keep the label in sync with the entry */ } -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { +.app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { font-size: 18pt; font-weight: 800; } @@ -2282,8 +2285,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; box-shadow: none; - border-radius: 3px; + border-radius: 1000px; border: 2px solid transparent; + background-color: rgba(247, 247, 247, 0.1); + color: #efefef; } .app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus { @@ -2407,10 +2412,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .page-navigation-arrow { + color: #efefef; +} + +.page-navigation-arrow > StIcon { margin: 6px; + padding: 18px; width: 24px; height: 24px; + border-radius: 1000px; + color: rgba(239, 239, 239, 0.75); +} + +.page-navigation-arrow:insensitive > StIcon { + color: #66686e; + border-color: #14161b; + background-color: #22242d; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.page-navigation-arrow:hover > StIcon { + color: #efefef; + background-color: rgba(67, 69, 76, 0.53); + border-color: #101115; + box-shadow: none; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); +} + +.page-navigation-arrow:active > StIcon { color: #efefef; + background-color: rgba(85, 87, 93, 0.55); + border-color: #101115; + text-shadow: none; + icon-shadow: none; + box-shadow: none; } /* Workspace pager */ @@ -2521,7 +2559,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Workspace animation */ .workspace-animation { - background-color: #262933; + background-color: #17181e; } /* Tiled window previews */ @@ -2581,7 +2619,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6); + box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6) !important; } .keyboard-key:hover, .keyboard-key:checked { @@ -2610,7 +2648,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key { color: #dddddd; - background-color: #353947; + background-color: #262933; border-color: #101115; box-shadow: none; text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -2619,7 +2657,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: #dddddd; - background-color: #3f4350; + background-color: #31343d; border-color: #101115; box-shadow: none; text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -2628,7 +2666,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:active { color: #dddddd; - background-color: #464a56; + background-color: #383b44; border-color: #101115; text-shadow: none; icon-shadow: none; @@ -2673,9 +2711,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-subkeys { color: #efefef; -arrow-border-radius: 5px; - -arrow-background-color: #313441; + -arrow-background-color: #22242d; -arrow-border-width: 1px; - -arrow-border-color: #454a5b; + -arrow-border-color: #353947; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; @@ -2695,7 +2733,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6); + box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6) !important; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { @@ -2735,7 +2773,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Looking Glass */ #LookingGlassDialog { - background-color: #313441; + background-color: #22242d; spacing: 6px; padding: 4px; border: 1px solid rgba(239, 239, 239, 0.2); @@ -2746,7 +2784,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog > #Toolbar { border: none; border-radius: 3px; - background-color: #313441; + background-color: #22242d; } #LookingGlassDialog .labels { @@ -2784,7 +2822,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - background-color: rgba(60, 64, 80, 0.6); + background-color: rgba(44, 48, 59, 0.6); color: #efefef; border-color: rgba(239, 239, 239, 0.2); min-height: 22px; @@ -2846,7 +2884,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-extension { border: 1px solid rgba(13, 13, 13, 0.7); - background-color: #3c4050; + background-color: #2c303b; border-radius: 3px; padding: 4px; } @@ -2860,7 +2898,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #313441; + background: #22242d; border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 3px; padding: 6px; @@ -2880,7 +2918,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog StEntry, .unlock-dialog StEntry { - background-color: #1f222a; + background-color: #101115; color: #dddddd; } @@ -2893,23 +2931,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); - background-color: #1f222a; - border-color: #1f222a; + background-color: #101115; + border-color: #101115; color: #efefef; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { - background-color: #313441; - border-color: #313441; + background-color: #22242d; + border-color: #22242d; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; - background-color: #1b1d24; - border-color: #1b1d24; + background-color: #0c0d10; + border-color: #0c0d10; } .login-dialog .modal-dialog-button:insensitive, @@ -2920,8 +2958,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; text-shadow: none; icon-shadow: none; - border-color: #1b1d24; - background-color: #1b1d24; + border-color: #0c0d10; + background-color: #0c0d10; color: rgba(239, 239, 239, 0.7); } @@ -2984,8 +3022,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 99px; width: 2.18em; height: 2.18em; - border-color: #1f222a; - background-color: #1f222a; + border-color: #101115; + background-color: #101115; } .login-dialog .cancel-button StIcon, @@ -3167,14 +3205,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 6px; border: none; - background-color: rgba(49, 52, 65, 0.3); + background-color: rgba(34, 36, 45, 0.3); color: #efefef; border-radius: 5px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(49, 52, 65, 0.9); + background-color: rgba(34, 36, 45, 0.9); } .unlock-dialog-notification-label { @@ -3184,7 +3222,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notification-count-text { weight: bold; padding: 0 6px; - color: #313441; + color: #22242d; background-color: rgba(239, 239, 239, 0.3); border-radius: 99px; margin-right: 12px; @@ -3196,7 +3234,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background-color: #262933; + background-color: #17181e; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { @@ -3374,7 +3412,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #dashtodockContainer #dash .dash-background { color: #dddddd; - background-color: rgba(27, 29, 36, 0.9); + background-color: rgba(12, 13, 16, 0.9); } #dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { @@ -3466,7 +3504,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6); + box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6) !important; } .openweather-provider:active { diff --git a/src/gnome-shell/40.0/gnome-shell-dark-pueril.css b/src/gnome-shell/40.0/gnome-shell-dark-pueril.css index 00071dc5..8ad5f351 100644 --- a/src/gnome-shell/40.0/gnome-shell-dark-pueril.css +++ b/src/gnome-shell/40.0/gnome-shell-dark-pueril.css @@ -32,7 +32,7 @@ stage { .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 12px; } @@ -61,8 +61,8 @@ stage { border-radius: 3px; border-style: solid; border-width: 1px; - min-height: 22px; - padding: 3px 24px; + min-height: 20px; + padding: 6px 12px; color: #dddddd; background-color: #222222; border-color: #151515; @@ -75,7 +75,7 @@ stage { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6); + box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6) !important; } .button:hover { @@ -179,7 +179,7 @@ stage { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6); + box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6) !important; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { @@ -316,9 +316,9 @@ StEntry StLabel.hint-text { /* Slider */ .slider { - height: 15px; + height: 16px; color: #7ea951; - -barlevel-height: 3px; + -barlevel-height: 4px; -barlevel-background-color: #151515; -barlevel-border-width: 0; -barlevel-border-color: #151515; @@ -327,7 +327,7 @@ StEntry StLabel.hint-text { -barlevel-overdrive-color: #b2161d; -barlevel-overdrive-border-color: #bc171e; -barlevel-overdrive-separator-width: 1px; - -slider-handle-radius: 7.5px; + -slider-handle-radius: 8px; -slider-handle-border-width: 0; -slider-handle-border-color: #dddddd; } @@ -776,17 +776,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-day-base { font-size: 9pt; text-align: center; - width: 32px; - height: 32px; + width: 32px !important; + height: 32px !important; padding: 0; - margin: 0 2px; - border-radius: 100%; + margin: 3px; + border-radius: 1000px; border: none; font-feature-settings: "tnum"; } .calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus { background-color: rgba(221, 221, 221, 0.1); + box-shadow: none; } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { @@ -854,12 +855,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; - height: 1.8em; - width: 2.3em; - border-radius: 2px; - margin: 6px; - background-color: #2a2a2a; - color: #eaeaea; + height: 12px !important; + width: 12px !important; + padding: 8px; + margin: 5px 3px; + border-radius: 3px; + background-color: rgba(221, 221, 221, 0.05); + color: #aaaaaa; } /* Events */ @@ -1846,7 +1848,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Top Bar */ #panel { - background-color: #222222; + background-color: #101010; font-weight: bold; height: 2.2em; font-feature-settings: "tnum"; @@ -1864,7 +1866,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #222222; + -panel-corner-background-color: #101010; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; -panel-corner-opacity: 1; @@ -1977,7 +1979,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #overviewGroup { - background-color: #2f2f2f; + background-color: #1d1d1d; } .overview-controls { @@ -1991,13 +1993,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .window-caption { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 6px 12px; } .window-close { - background-color: #3c3c3c; + background-color: #2a2a2a; color: #efefef; border-radius: 1000px; padding: 3px; @@ -2014,17 +2016,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-close:hover { - background-color: #626262; + background-color: #505050; } .window-close:active { color: rgba(239, 239, 239, 0.8); - background-color: #2f2f2f; + background-color: #1d1d1d; } .workspace-background { border-radius: 30px; - background-color: #3c3c3c; + background-color: #2a2a2a; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); } @@ -2176,7 +2178,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 6px 12px; text-align: center; @@ -2220,7 +2222,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { - color: #fff; + color: #ffffff; } .app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon, @@ -2258,13 +2260,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Folders */ .app-well-app.app-folder { - background-color: #272727; + background-color: #151515; border-radius: 3px; } .app-folder-dialog { border-radius: 7.5px; - background-color: rgba(47, 47, 47, 0.9); + background-color: #1d1d1d; padding: 8px !important; } @@ -2274,7 +2276,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* FIXME: this is to keep the label in sync with the entry */ } -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { +.app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { font-size: 18pt; font-weight: 800; } @@ -2282,8 +2285,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; box-shadow: none; - border-radius: 3px; + border-radius: 1000px; border: 2px solid transparent; + background-color: rgba(247, 247, 247, 0.1); + color: #efefef; } .app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus { @@ -2407,10 +2412,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .page-navigation-arrow { + color: #efefef; +} + +.page-navigation-arrow > StIcon { margin: 6px; + padding: 18px; width: 24px; height: 24px; + border-radius: 1000px; + color: rgba(239, 239, 239, 0.75); +} + +.page-navigation-arrow:insensitive > StIcon { + color: #6c6c6c; + border-color: #1a1a1a; + background-color: #2a2a2a; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.page-navigation-arrow:hover > StIcon { color: #efefef; + background-color: rgba(73, 73, 73, 0.53); + border-color: #151515; + box-shadow: none; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); +} + +.page-navigation-arrow:active > StIcon { + color: #efefef; + background-color: rgba(91, 91, 91, 0.55); + border-color: #151515; + text-shadow: none; + icon-shadow: none; + box-shadow: none; } /* Workspace pager */ @@ -2521,7 +2559,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Workspace animation */ .workspace-animation { - background-color: #2f2f2f; + background-color: #1d1d1d; } /* Tiled window previews */ @@ -2581,7 +2619,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6); + box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6) !important; } .keyboard-key:hover, .keyboard-key:checked { @@ -2610,7 +2648,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key { color: #dddddd; - background-color: #414141; + background-color: #2f2f2f; border-color: #151515; box-shadow: none; text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -2619,7 +2657,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: #dddddd; - background-color: #4a4a4a; + background-color: #393939; border-color: #151515; box-shadow: none; text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -2628,7 +2666,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:active { color: #dddddd; - background-color: #505050; + background-color: #404040; border-color: #151515; text-shadow: none; icon-shadow: none; @@ -2673,9 +2711,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-subkeys { color: #efefef; -arrow-border-radius: 5px; - -arrow-background-color: #3c3c3c; + -arrow-background-color: #2a2a2a; -arrow-border-width: 1px; - -arrow-border-color: #525252; + -arrow-border-color: #414141; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; @@ -2695,7 +2733,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6); + box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6) !important; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { @@ -2735,7 +2773,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Looking Glass */ #LookingGlassDialog { - background-color: #3c3c3c; + background-color: #2a2a2a; spacing: 6px; padding: 4px; border: 1px solid rgba(239, 239, 239, 0.2); @@ -2746,7 +2784,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog > #Toolbar { border: none; border-radius: 3px; - background-color: #3c3c3c; + background-color: #2a2a2a; } #LookingGlassDialog .labels { @@ -2784,7 +2822,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - background-color: rgba(72, 72, 72, 0.6); + background-color: rgba(54, 54, 54, 0.6); color: #efefef; border-color: rgba(239, 239, 239, 0.2); min-height: 22px; @@ -2846,7 +2884,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-extension { border: 1px solid rgba(13, 13, 13, 0.7); - background-color: #484848; + background-color: #363636; border-radius: 3px; padding: 4px; } @@ -2860,7 +2898,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #3c3c3c; + background: #2a2a2a; border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 3px; padding: 6px; @@ -2880,7 +2918,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog StEntry, .unlock-dialog StEntry { - background-color: #272727; + background-color: #151515; color: #dddddd; } @@ -2893,23 +2931,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); - background-color: #272727; - border-color: #272727; + background-color: #151515; + border-color: #151515; color: #efefef; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { - background-color: #3c3c3c; - border-color: #3c3c3c; + background-color: #2a2a2a; + border-color: #2a2a2a; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; - background-color: #222222; - border-color: #222222; + background-color: #101010; + border-color: #101010; } .login-dialog .modal-dialog-button:insensitive, @@ -2920,8 +2958,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; text-shadow: none; icon-shadow: none; - border-color: #222222; - background-color: #222222; + border-color: #101010; + background-color: #101010; color: rgba(239, 239, 239, 0.7); } @@ -2984,8 +3022,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 99px; width: 2.18em; height: 2.18em; - border-color: #272727; - background-color: #272727; + border-color: #151515; + background-color: #151515; } .login-dialog .cancel-button StIcon, @@ -3167,14 +3205,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 6px; border: none; - background-color: rgba(60, 60, 60, 0.3); + background-color: rgba(42, 42, 42, 0.3); color: #efefef; border-radius: 5px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(60, 60, 60, 0.9); + background-color: rgba(42, 42, 42, 0.9); } .unlock-dialog-notification-label { @@ -3184,7 +3222,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notification-count-text { weight: bold; padding: 0 6px; - color: #3c3c3c; + color: #2a2a2a; background-color: rgba(239, 239, 239, 0.3); border-radius: 99px; margin-right: 12px; @@ -3196,7 +3234,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background-color: #2f2f2f; + background-color: #1d1d1d; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { @@ -3374,7 +3412,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #dashtodockContainer #dash .dash-background { color: #dddddd; - background-color: rgba(34, 34, 34, 0.9); + background-color: rgba(16, 16, 16, 0.9); } #dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { @@ -3466,7 +3504,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6); + box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6) !important; } .openweather-provider:active { diff --git a/src/gnome-shell/40.0/gnome-shell-dark-sea.css b/src/gnome-shell/40.0/gnome-shell-dark-sea.css index 5ccc13cf..15516cf8 100644 --- a/src/gnome-shell/40.0/gnome-shell-dark-sea.css +++ b/src/gnome-shell/40.0/gnome-shell-dark-sea.css @@ -32,7 +32,7 @@ stage { .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { color: #efefef; - background-color: #313e41; + background-color: #222a2d; border-radius: 3px; padding: 12px; } @@ -61,8 +61,8 @@ stage { border-radius: 3px; border-style: solid; border-width: 1px; - min-height: 22px; - padding: 3px 24px; + min-height: 20px; + padding: 6px 12px; color: #dddddd; background-color: #1b2224; border-color: #101415; @@ -75,7 +75,7 @@ stage { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6); + box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6) !important; } .button:hover { @@ -179,7 +179,7 @@ stage { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6); + box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6) !important; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { @@ -316,9 +316,9 @@ StEntry StLabel.hint-text { /* Slider */ .slider { - height: 15px; + height: 16px; color: #248a76; - -barlevel-height: 3px; + -barlevel-height: 4px; -barlevel-background-color: #101415; -barlevel-border-width: 0; -barlevel-border-color: #101415; @@ -327,7 +327,7 @@ StEntry StLabel.hint-text { -barlevel-overdrive-color: #b2161d; -barlevel-overdrive-border-color: #bc171e; -barlevel-overdrive-separator-width: 1px; - -slider-handle-radius: 7.5px; + -slider-handle-radius: 8px; -slider-handle-border-width: 0; -slider-handle-border-color: #dddddd; } @@ -776,17 +776,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-day-base { font-size: 9pt; text-align: center; - width: 32px; - height: 32px; + width: 32px !important; + height: 32px !important; padding: 0; - margin: 0 2px; - border-radius: 100%; + margin: 3px; + border-radius: 1000px; border: none; font-feature-settings: "tnum"; } .calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus { background-color: rgba(221, 221, 221, 0.1); + box-shadow: none; } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { @@ -854,12 +855,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; - height: 1.8em; - width: 2.3em; - border-radius: 2px; - margin: 6px; - background-color: #222a2d; - color: #eaeaea; + height: 12px !important; + width: 12px !important; + padding: 8px; + margin: 5px 3px; + border-radius: 3px; + background-color: rgba(221, 221, 221, 0.05); + color: #aaaaaa; } /* Events */ @@ -1846,7 +1848,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Top Bar */ #panel { - background-color: #1b2224; + background-color: #0c0f10; font-weight: bold; height: 2.2em; font-feature-settings: "tnum"; @@ -1864,7 +1866,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #1b2224; + -panel-corner-background-color: #0c0f10; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; -panel-corner-opacity: 1; @@ -1977,7 +1979,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #overviewGroup { - background-color: #263033; + background-color: #171c1e; } .overview-controls { @@ -1991,13 +1993,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .window-caption { color: #efefef; - background-color: #313e41; + background-color: #222a2d; border-radius: 3px; padding: 6px 12px; } .window-close { - background-color: #313e41; + background-color: #222a2d; color: #efefef; border-radius: 1000px; padding: 3px; @@ -2014,17 +2016,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-close:hover { - background-color: #52676d; + background-color: #425458; } .window-close:active { color: rgba(239, 239, 239, 0.8); - background-color: #263033; + background-color: #171c1e; } .workspace-background { border-radius: 30px; - background-color: #313e41; + background-color: #222a2d; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); } @@ -2176,7 +2178,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { color: #efefef; - background-color: #313e41; + background-color: #222a2d; border-radius: 3px; padding: 6px 12px; text-align: center; @@ -2220,7 +2222,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { - color: #fff; + color: #ffffff; } .app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon, @@ -2258,13 +2260,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Folders */ .app-well-app.app-folder { - background-color: #1f282a; + background-color: #101415; border-radius: 3px; } .app-folder-dialog { border-radius: 7.5px; - background-color: rgba(38, 48, 51, 0.9); + background-color: #171c1e; padding: 8px !important; } @@ -2274,7 +2276,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* FIXME: this is to keep the label in sync with the entry */ } -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { +.app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { font-size: 18pt; font-weight: 800; } @@ -2282,8 +2285,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; box-shadow: none; - border-radius: 3px; + border-radius: 1000px; border: 2px solid transparent; + background-color: rgba(247, 247, 247, 0.1); + color: #efefef; } .app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus { @@ -2407,10 +2412,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .page-navigation-arrow { + color: #efefef; +} + +.page-navigation-arrow > StIcon { margin: 6px; + padding: 18px; width: 24px; height: 24px; + border-radius: 1000px; + color: rgba(239, 239, 239, 0.75); +} + +.page-navigation-arrow:insensitive > StIcon { + color: #666c6e; + border-color: #141a1b; + background-color: #222a2d; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.page-navigation-arrow:hover > StIcon { + color: #efefef; + background-color: rgba(67, 74, 76, 0.53); + border-color: #101415; + box-shadow: none; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); +} + +.page-navigation-arrow:active > StIcon { color: #efefef; + background-color: rgba(85, 91, 93, 0.55); + border-color: #101415; + text-shadow: none; + icon-shadow: none; + box-shadow: none; } /* Workspace pager */ @@ -2521,7 +2559,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Workspace animation */ .workspace-animation { - background-color: #263033; + background-color: #171c1e; } /* Tiled window previews */ @@ -2581,7 +2619,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6); + box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6) !important; } .keyboard-key:hover, .keyboard-key:checked { @@ -2610,7 +2648,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key { color: #dddddd; - background-color: #354347; + background-color: #263033; border-color: #101415; box-shadow: none; text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -2619,7 +2657,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: #dddddd; - background-color: #3f4c50; + background-color: #313a3d; border-color: #101415; box-shadow: none; text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -2628,7 +2666,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:active { color: #dddddd; - background-color: #465256; + background-color: #384144; border-color: #101415; text-shadow: none; icon-shadow: none; @@ -2673,9 +2711,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-subkeys { color: #efefef; -arrow-border-radius: 5px; - -arrow-background-color: #313e41; + -arrow-background-color: #222a2d; -arrow-border-width: 1px; - -arrow-border-color: #45565b; + -arrow-border-color: #354347; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; @@ -2695,7 +2733,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6); + box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6) !important; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { @@ -2735,7 +2773,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Looking Glass */ #LookingGlassDialog { - background-color: #313e41; + background-color: #222a2d; spacing: 6px; padding: 4px; border: 1px solid rgba(239, 239, 239, 0.2); @@ -2746,7 +2784,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog > #Toolbar { border: none; border-radius: 3px; - background-color: #313e41; + background-color: #222a2d; } #LookingGlassDialog .labels { @@ -2784,7 +2822,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - background-color: rgba(60, 75, 80, 0.6); + background-color: rgba(44, 56, 59, 0.6); color: #efefef; border-color: rgba(239, 239, 239, 0.2); min-height: 22px; @@ -2846,7 +2884,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-extension { border: 1px solid rgba(13, 13, 13, 0.7); - background-color: #3c4b50; + background-color: #2c383b; border-radius: 3px; padding: 4px; } @@ -2860,7 +2898,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #313e41; + background: #222a2d; border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 3px; padding: 6px; @@ -2880,7 +2918,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog StEntry, .unlock-dialog StEntry { - background-color: #1f282a; + background-color: #101415; color: #dddddd; } @@ -2893,23 +2931,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); - background-color: #1f282a; - border-color: #1f282a; + background-color: #101415; + border-color: #101415; color: #efefef; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { - background-color: #313e41; - border-color: #313e41; + background-color: #222a2d; + border-color: #222a2d; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; - background-color: #1b2224; - border-color: #1b2224; + background-color: #0c0f10; + border-color: #0c0f10; } .login-dialog .modal-dialog-button:insensitive, @@ -2920,8 +2958,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; text-shadow: none; icon-shadow: none; - border-color: #1b2224; - background-color: #1b2224; + border-color: #0c0f10; + background-color: #0c0f10; color: rgba(239, 239, 239, 0.7); } @@ -2984,8 +3022,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 99px; width: 2.18em; height: 2.18em; - border-color: #1f282a; - background-color: #1f282a; + border-color: #101415; + background-color: #101415; } .login-dialog .cancel-button StIcon, @@ -3167,14 +3205,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 6px; border: none; - background-color: rgba(49, 62, 65, 0.3); + background-color: rgba(34, 42, 45, 0.3); color: #efefef; border-radius: 5px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(49, 62, 65, 0.9); + background-color: rgba(34, 42, 45, 0.9); } .unlock-dialog-notification-label { @@ -3184,7 +3222,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notification-count-text { weight: bold; padding: 0 6px; - color: #313e41; + color: #222a2d; background-color: rgba(239, 239, 239, 0.3); border-radius: 99px; margin-right: 12px; @@ -3196,7 +3234,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background-color: #263033; + background-color: #171c1e; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { @@ -3374,7 +3412,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #dashtodockContainer #dash .dash-background { color: #dddddd; - background-color: rgba(27, 34, 36, 0.9); + background-color: rgba(12, 15, 16, 0.9); } #dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { @@ -3466,7 +3504,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6); + box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6) !important; } .openweather-provider:active { diff --git a/src/gnome-shell/40.0/gnome-shell-pueril.css b/src/gnome-shell/40.0/gnome-shell-pueril.css index 298adb6c..e186a7de 100644 --- a/src/gnome-shell/40.0/gnome-shell-pueril.css +++ b/src/gnome-shell/40.0/gnome-shell-pueril.css @@ -32,7 +32,7 @@ stage { .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 12px; } @@ -61,8 +61,8 @@ stage { border-radius: 3px; border-style: solid; border-width: 1px; - min-height: 22px; - padding: 3px 24px; + min-height: 20px; + padding: 6px 12px; color: #363636; background-color: #ffffff; border-color: #cfcfcf; @@ -75,7 +75,7 @@ stage { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6); + box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6) !important; } .button:hover { @@ -179,7 +179,7 @@ stage { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6); + box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6) !important; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { @@ -316,9 +316,9 @@ StEntry StLabel.hint-text { /* Slider */ .slider { - height: 15px; + height: 16px; color: #97BB72; - -barlevel-height: 3px; + -barlevel-height: 4px; -barlevel-background-color: #cfcfcf; -barlevel-border-width: 0; -barlevel-border-color: #cfcfcf; @@ -327,7 +327,7 @@ StEntry StLabel.hint-text { -barlevel-overdrive-color: #e01b24; -barlevel-overdrive-border-color: #ce1921; -barlevel-overdrive-separator-width: 1px; - -slider-handle-radius: 7.5px; + -slider-handle-radius: 8px; -slider-handle-border-width: 0; -slider-handle-border-color: #cfcfcf; } @@ -776,17 +776,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-day-base { font-size: 9pt; text-align: center; - width: 32px; - height: 32px; + width: 32px !important; + height: 32px !important; padding: 0; - margin: 0 2px; - border-radius: 100%; + margin: 3px; + border-radius: 1000px; border: none; font-feature-settings: "tnum"; } .calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus { background-color: rgba(54, 54, 54, 0.1); + box-shadow: none; } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { @@ -854,12 +855,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; - height: 1.8em; - width: 2.3em; - border-radius: 2px; - margin: 6px; - background-color: #f0f0f0; - color: #434343; + height: 12px !important; + width: 12px !important; + padding: 8px; + margin: 5px 3px; + border-radius: 3px; + background-color: rgba(54, 54, 54, 0.05); + color: #555555; } /* Events */ @@ -1846,7 +1848,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Top Bar */ #panel { - background-color: #222222; + background-color: #101010; font-weight: bold; height: 2.2em; font-feature-settings: "tnum"; @@ -1864,7 +1866,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #222222; + -panel-corner-background-color: #101010; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; -panel-corner-opacity: 1; @@ -1977,7 +1979,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #overviewGroup { - background-color: #2f2f2f; + background-color: #1d1d1d; } .overview-controls { @@ -1991,13 +1993,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .window-caption { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 6px 12px; } .window-close { - background-color: #3c3c3c; + background-color: #2a2a2a; color: #efefef; border-radius: 1000px; padding: 3px; @@ -2014,17 +2016,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-close:hover { - background-color: #626262; + background-color: #505050; } .window-close:active { color: rgba(239, 239, 239, 0.8); - background-color: #2f2f2f; + background-color: #1d1d1d; } .workspace-background { border-radius: 30px; - background-color: #3c3c3c; + background-color: #2a2a2a; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); } @@ -2176,7 +2178,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 6px 12px; text-align: center; @@ -2220,7 +2222,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { - color: #fff; + color: #ffffff; } .app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon, @@ -2258,13 +2260,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Folders */ .app-well-app.app-folder { - background-color: #272727; + background-color: #151515; border-radius: 3px; } .app-folder-dialog { border-radius: 7.5px; - background-color: rgba(47, 47, 47, 0.9); + background-color: #1d1d1d; padding: 8px !important; } @@ -2274,7 +2276,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* FIXME: this is to keep the label in sync with the entry */ } -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { +.app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { font-size: 18pt; font-weight: 800; } @@ -2282,8 +2285,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; box-shadow: none; - border-radius: 3px; + border-radius: 1000px; border: 2px solid transparent; + background-color: rgba(247, 247, 247, 0.1); + color: #efefef; } .app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus { @@ -2407,10 +2412,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .page-navigation-arrow { + color: #efefef; +} + +.page-navigation-arrow > StIcon { margin: 6px; + padding: 18px; width: 24px; height: 24px; + border-radius: 1000px; + color: rgba(239, 239, 239, 0.75); +} + +.page-navigation-arrow:insensitive > StIcon { + color: #b2b2b2; + border-color: #e2e2e2; + background-color: #f9f9f9; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.page-navigation-arrow:hover > StIcon { color: #efefef; + background-color: rgba(91, 91, 91, 0.55); + border-color: #cfcfcf; + box-shadow: none; + text-shadow: 0 1px rgba(255, 255, 255, 0.3); + icon-shadow: 0 1px rgba(255, 255, 255, 0.3); +} + +.page-navigation-arrow:active > StIcon { + color: #efefef; + background-color: rgba(110, 110, 110, 0.575); + border-color: #cfcfcf; + text-shadow: none; + icon-shadow: none; + box-shadow: none; } /* Workspace pager */ @@ -2521,7 +2559,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Workspace animation */ .workspace-animation { - background-color: #2f2f2f; + background-color: #1d1d1d; } /* Tiled window previews */ @@ -2581,7 +2619,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6); + box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6) !important; } .keyboard-key:hover, .keyboard-key:checked { @@ -2610,7 +2648,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key { color: #363636; - background-color: #1f1f1f; + background-color: #0e0e0e; border-color: #cfcfcf; box-shadow: none; text-shadow: 0 1px rgba(255, 255, 255, 0.3); @@ -2619,7 +2657,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: #363636; - background-color: #222222; + background-color: #121212; border-color: #cfcfcf; box-shadow: none; text-shadow: 0 1px rgba(255, 255, 255, 0.3); @@ -2628,7 +2666,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:active { color: #363636; - background-color: #232323; + background-color: #141414; border-color: #cfcfcf; text-shadow: none; icon-shadow: none; @@ -2673,9 +2711,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-subkeys { color: #efefef; -arrow-border-radius: 5px; - -arrow-background-color: #3c3c3c; + -arrow-background-color: #2a2a2a; -arrow-border-width: 1px; - -arrow-border-color: #525252; + -arrow-border-color: #414141; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; @@ -2695,7 +2733,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6); + box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6) !important; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { @@ -2735,7 +2773,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Looking Glass */ #LookingGlassDialog { - background-color: #3c3c3c; + background-color: #2a2a2a; spacing: 6px; padding: 4px; border: 1px solid rgba(239, 239, 239, 0.2); @@ -2746,7 +2784,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog > #Toolbar { border: none; border-radius: 3px; - background-color: #3c3c3c; + background-color: #2a2a2a; } #LookingGlassDialog .labels { @@ -2784,7 +2822,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - background-color: rgba(72, 72, 72, 0.6); + background-color: rgba(54, 54, 54, 0.6); color: #efefef; border-color: rgba(239, 239, 239, 0.2); min-height: 22px; @@ -2846,7 +2884,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-extension { border: 1px solid rgba(13, 13, 13, 0.7); - background-color: #484848; + background-color: #363636; border-radius: 3px; padding: 4px; } @@ -2860,7 +2898,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #3c3c3c; + background: #2a2a2a; border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 3px; padding: 6px; @@ -2887,23 +2925,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); - background-color: #272727; - border-color: #272727; + background-color: #151515; + border-color: #151515; color: #efefef; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { - background-color: #3c3c3c; - border-color: #3c3c3c; + background-color: #2a2a2a; + border-color: #2a2a2a; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; - background-color: #222222; - border-color: #222222; + background-color: #101010; + border-color: #101010; } .login-dialog .modal-dialog-button:insensitive, @@ -2914,8 +2952,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; text-shadow: none; icon-shadow: none; - border-color: #222222; - background-color: #222222; + border-color: #101010; + background-color: #101010; color: rgba(239, 239, 239, 0.7); } @@ -2978,8 +3016,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 99px; width: 2.18em; height: 2.18em; - border-color: #272727; - background-color: #272727; + border-color: #151515; + background-color: #151515; } .login-dialog .cancel-button StIcon, @@ -3161,14 +3199,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 6px; border: none; - background-color: rgba(60, 60, 60, 0.3); + background-color: rgba(42, 42, 42, 0.3); color: #efefef; border-radius: 5px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(60, 60, 60, 0.9); + background-color: rgba(42, 42, 42, 0.9); } .unlock-dialog-notification-label { @@ -3178,7 +3216,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notification-count-text { weight: bold; padding: 0 6px; - color: #3c3c3c; + color: #2a2a2a; background-color: rgba(239, 239, 239, 0.3); border-radius: 99px; margin-right: 12px; @@ -3190,7 +3228,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background-color: #2f2f2f; + background-color: #1d1d1d; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { @@ -3368,7 +3406,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #dashtodockContainer #dash .dash-background { color: #dddddd; - background-color: rgba(34, 34, 34, 0.9); + background-color: rgba(16, 16, 16, 0.9); } #dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { @@ -3460,7 +3498,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6); + box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6) !important; } .openweather-provider:active { diff --git a/src/gnome-shell/40.0/gnome-shell-sea.css b/src/gnome-shell/40.0/gnome-shell-sea.css index 14622ee7..eae9f251 100644 --- a/src/gnome-shell/40.0/gnome-shell-sea.css +++ b/src/gnome-shell/40.0/gnome-shell-sea.css @@ -32,7 +32,7 @@ stage { .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { color: #efefef; - background-color: #313e41; + background-color: #222a2d; border-radius: 3px; padding: 12px; } @@ -61,8 +61,8 @@ stage { border-radius: 3px; border-style: solid; border-width: 1px; - min-height: 22px; - padding: 3px 24px; + min-height: 20px; + padding: 6px 12px; color: #363636; background-color: #ffffff; border-color: #cfcfcf; @@ -75,7 +75,7 @@ stage { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6); + box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6) !important; } .button:hover { @@ -179,7 +179,7 @@ stage { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6); + box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6) !important; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { @@ -316,9 +316,9 @@ StEntry StLabel.hint-text { /* Slider */ .slider { - height: 15px; + height: 16px; color: #2eb398; - -barlevel-height: 3px; + -barlevel-height: 4px; -barlevel-background-color: #cfcfcf; -barlevel-border-width: 0; -barlevel-border-color: #cfcfcf; @@ -327,7 +327,7 @@ StEntry StLabel.hint-text { -barlevel-overdrive-color: #e01b24; -barlevel-overdrive-border-color: #ce1921; -barlevel-overdrive-separator-width: 1px; - -slider-handle-radius: 7.5px; + -slider-handle-radius: 8px; -slider-handle-border-width: 0; -slider-handle-border-color: #cfcfcf; } @@ -776,17 +776,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-day-base { font-size: 9pt; text-align: center; - width: 32px; - height: 32px; + width: 32px !important; + height: 32px !important; padding: 0; - margin: 0 2px; - border-radius: 100%; + margin: 3px; + border-radius: 1000px; border: none; font-feature-settings: "tnum"; } .calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus { background-color: rgba(54, 54, 54, 0.1); + box-shadow: none; } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { @@ -854,12 +855,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; - height: 1.8em; - width: 2.3em; - border-radius: 2px; - margin: 6px; - background-color: #f0f0f0; - color: #434343; + height: 12px !important; + width: 12px !important; + padding: 8px; + margin: 5px 3px; + border-radius: 3px; + background-color: rgba(54, 54, 54, 0.05); + color: #555555; } /* Events */ @@ -1846,7 +1848,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Top Bar */ #panel { - background-color: #1b2224; + background-color: #0c0f10; font-weight: bold; height: 2.2em; font-feature-settings: "tnum"; @@ -1864,7 +1866,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #1b2224; + -panel-corner-background-color: #0c0f10; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; -panel-corner-opacity: 1; @@ -1977,7 +1979,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #overviewGroup { - background-color: #263033; + background-color: #171c1e; } .overview-controls { @@ -1991,13 +1993,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .window-caption { color: #efefef; - background-color: #313e41; + background-color: #222a2d; border-radius: 3px; padding: 6px 12px; } .window-close { - background-color: #313e41; + background-color: #222a2d; color: #efefef; border-radius: 1000px; padding: 3px; @@ -2014,17 +2016,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-close:hover { - background-color: #52676d; + background-color: #425458; } .window-close:active { color: rgba(239, 239, 239, 0.8); - background-color: #263033; + background-color: #171c1e; } .workspace-background { border-radius: 30px; - background-color: #313e41; + background-color: #222a2d; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); } @@ -2176,7 +2178,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { color: #efefef; - background-color: #313e41; + background-color: #222a2d; border-radius: 3px; padding: 6px 12px; text-align: center; @@ -2220,7 +2222,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { - color: #fff; + color: #ffffff; } .app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon, @@ -2258,13 +2260,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Folders */ .app-well-app.app-folder { - background-color: #1f282a; + background-color: #101415; border-radius: 3px; } .app-folder-dialog { border-radius: 7.5px; - background-color: rgba(38, 48, 51, 0.9); + background-color: #171c1e; padding: 8px !important; } @@ -2274,7 +2276,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* FIXME: this is to keep the label in sync with the entry */ } -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { +.app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { font-size: 18pt; font-weight: 800; } @@ -2282,8 +2285,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; box-shadow: none; - border-radius: 3px; + border-radius: 1000px; border: 2px solid transparent; + background-color: rgba(247, 247, 247, 0.1); + color: #efefef; } .app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus { @@ -2407,10 +2412,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .page-navigation-arrow { + color: #efefef; +} + +.page-navigation-arrow > StIcon { margin: 6px; + padding: 18px; width: 24px; height: 24px; + border-radius: 1000px; + color: rgba(239, 239, 239, 0.75); +} + +.page-navigation-arrow:insensitive > StIcon { + color: #b2b2b2; + border-color: #e2e2e2; + background-color: #f9f9f9; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.page-navigation-arrow:hover > StIcon { color: #efefef; + background-color: rgba(85, 91, 93, 0.55); + border-color: #cfcfcf; + box-shadow: none; + text-shadow: 0 1px rgba(255, 255, 255, 0.3); + icon-shadow: 0 1px rgba(255, 255, 255, 0.3); +} + +.page-navigation-arrow:active > StIcon { + color: #efefef; + background-color: rgba(105, 110, 112, 0.575); + border-color: #cfcfcf; + text-shadow: none; + icon-shadow: none; + box-shadow: none; } /* Workspace pager */ @@ -2521,7 +2559,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Workspace animation */ .workspace-animation { - background-color: #263033; + background-color: #171c1e; } /* Tiled window previews */ @@ -2581,7 +2619,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6); + box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6) !important; } .keyboard-key:hover, .keyboard-key:checked { @@ -2610,7 +2648,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key { color: #363636; - background-color: #191f21; + background-color: #0a0c0d; border-color: #cfcfcf; box-shadow: none; text-shadow: 0 1px rgba(255, 255, 255, 0.3); @@ -2619,7 +2657,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: #363636; - background-color: #1c2223; + background-color: #0e1011; border-color: #cfcfcf; box-shadow: none; text-shadow: 0 1px rgba(255, 255, 255, 0.3); @@ -2628,7 +2666,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:active { color: #363636; - background-color: #1d2324; + background-color: #101213; border-color: #cfcfcf; text-shadow: none; icon-shadow: none; @@ -2673,9 +2711,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-subkeys { color: #efefef; -arrow-border-radius: 5px; - -arrow-background-color: #313e41; + -arrow-background-color: #222a2d; -arrow-border-width: 1px; - -arrow-border-color: #45565b; + -arrow-border-color: #354347; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; @@ -2695,7 +2733,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6); + box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6) !important; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { @@ -2735,7 +2773,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Looking Glass */ #LookingGlassDialog { - background-color: #313e41; + background-color: #222a2d; spacing: 6px; padding: 4px; border: 1px solid rgba(239, 239, 239, 0.2); @@ -2746,7 +2784,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog > #Toolbar { border: none; border-radius: 3px; - background-color: #313e41; + background-color: #222a2d; } #LookingGlassDialog .labels { @@ -2784,7 +2822,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - background-color: rgba(60, 75, 80, 0.6); + background-color: rgba(44, 56, 59, 0.6); color: #efefef; border-color: rgba(239, 239, 239, 0.2); min-height: 22px; @@ -2846,7 +2884,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-extension { border: 1px solid rgba(13, 13, 13, 0.7); - background-color: #3c4b50; + background-color: #2c383b; border-radius: 3px; padding: 4px; } @@ -2860,7 +2898,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #313e41; + background: #222a2d; border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 3px; padding: 6px; @@ -2887,23 +2925,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); - background-color: #1f282a; - border-color: #1f282a; + background-color: #101415; + border-color: #101415; color: #efefef; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { - background-color: #313e41; - border-color: #313e41; + background-color: #222a2d; + border-color: #222a2d; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; - background-color: #1b2224; - border-color: #1b2224; + background-color: #0c0f10; + border-color: #0c0f10; } .login-dialog .modal-dialog-button:insensitive, @@ -2914,8 +2952,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; text-shadow: none; icon-shadow: none; - border-color: #1b2224; - background-color: #1b2224; + border-color: #0c0f10; + background-color: #0c0f10; color: rgba(239, 239, 239, 0.7); } @@ -2978,8 +3016,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 99px; width: 2.18em; height: 2.18em; - border-color: #1f282a; - background-color: #1f282a; + border-color: #101415; + background-color: #101415; } .login-dialog .cancel-button StIcon, @@ -3161,14 +3199,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 6px; border: none; - background-color: rgba(49, 62, 65, 0.3); + background-color: rgba(34, 42, 45, 0.3); color: #efefef; border-radius: 5px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(49, 62, 65, 0.9); + background-color: rgba(34, 42, 45, 0.9); } .unlock-dialog-notification-label { @@ -3178,7 +3216,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notification-count-text { weight: bold; padding: 0 6px; - color: #313e41; + color: #222a2d; background-color: rgba(239, 239, 239, 0.3); border-radius: 99px; margin-right: 12px; @@ -3190,7 +3228,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background-color: #263033; + background-color: #171c1e; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { @@ -3368,7 +3406,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #dashtodockContainer #dash .dash-background { color: #dddddd; - background-color: rgba(27, 34, 36, 0.9); + background-color: rgba(12, 15, 16, 0.9); } #dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { @@ -3460,7 +3498,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6); + box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6) !important; } .openweather-provider:active { diff --git a/src/gnome-shell/42.0/gnome-shell-aliz.css b/src/gnome-shell/42.0/gnome-shell-aliz.css index d818a581..b2a2f447 100644 --- a/src/gnome-shell/42.0/gnome-shell-aliz.css +++ b/src/gnome-shell/42.0/gnome-shell-aliz.css @@ -32,7 +32,7 @@ stage { .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 12px; } @@ -57,12 +57,12 @@ stage { border: 1px solid rgba(0, 0, 0, 0.6); } -.button { +.quick-settings-system-item .icon-button, .button { border-radius: 3px; border-style: solid; border-width: 1px; - min-height: 22px; - padding: 3px 24px; + min-height: 20px; + padding: 6px 12px; color: #363636; background-color: #ffffff; border-color: #cfcfcf; @@ -71,14 +71,14 @@ stage { icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } -.button:focus { +.quick-settings-system-item .icon-button:focus, .button:focus { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6); + box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6) !important; } -.button:hover { +.quick-settings-system-item .icon-button:hover, .button:hover { color: #363636; background-color: #ebebeb; border-color: #cfcfcf; @@ -87,7 +87,7 @@ stage { icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } -.button:insensitive { +.quick-settings-system-item .icon-button:insensitive, .button:insensitive { color: #b2b2b2; border-color: #e2e2e2; background-color: #f9f9f9; @@ -96,7 +96,7 @@ stage { icon-shadow: none; } -.button:active { +.quick-settings-system-item .icon-button:active, .button:active { color: #363636; background-color: #e1e1e1; border-color: #cfcfcf; @@ -179,7 +179,7 @@ stage { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6); + box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6) !important; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { @@ -316,9 +316,9 @@ StEntry StLabel.hint-text { /* Slider */ .slider { - height: 15px; + height: 16px; color: #F0544C; - -barlevel-height: 3px; + -barlevel-height: 4px; -barlevel-background-color: #cfcfcf; -barlevel-border-width: 0; -barlevel-border-color: #cfcfcf; @@ -327,7 +327,7 @@ StEntry StLabel.hint-text { -barlevel-overdrive-color: #e01b24; -barlevel-overdrive-border-color: #ce1921; -barlevel-overdrive-separator-width: 1px; - -slider-handle-radius: 7.5px; + -slider-handle-radius: 8px; -slider-handle-border-width: 0; -slider-handle-border-color: #cfcfcf; } @@ -787,17 +787,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-day-base { font-size: 9pt; text-align: center; - width: 32px; - height: 32px; + width: 32px !important; + height: 32px !important; padding: 0; - margin: 0 2px; - border-radius: 100%; + margin: 3px; + border-radius: 1000px; border: none; font-feature-settings: "tnum"; } .calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus { background-color: rgba(54, 54, 54, 0.1); + box-shadow: none; } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { @@ -865,12 +866,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; - height: 1.8em; - width: 2.3em; - border-radius: 2px; - margin: 6px; - background-color: #f0f0f0; - color: #434343; + height: 12px !important; + width: 12px !important; + padding: 8px; + margin: 5px 3px; + border-radius: 3px; + background-color: rgba(54, 54, 54, 0.05); + color: #555555; } /* Events */ @@ -1362,6 +1364,221 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 1em; } +.quick-settings { + padding: 12px !important; + border-radius: 5px !important; + margin-top: 6px !important; +} + +.quick-settings .icon-button, .quick-settings .button { + min-height: 20px; + min-width: 20px; + padding: 10.5px; +} + +.quick-settings .icon-button { + border-radius: 1000px; + border: none; +} + +.quick-settings-grid { + spacing-rows: 12px; + spacing-columns: 12px; +} + +.quick-toggle { + border-radius: 3px; + min-width: 12em; + max-width: 12em; + min-height: 40px; + border: none; + background-color: rgba(54, 54, 54, 0.08) !important; + color: #555555; + text-shadow: none !important; + /* Move padding into the box; this is to allow menu arrows + to extend to the border */ +} + +.quick-toggle:hover { + background-color: rgba(54, 54, 54, 0.16) !important; + color: #363636; +} + +.quick-toggle:active { + background-color: rgba(54, 54, 54, 0.24) !important; + color: #363636; +} + +.quick-toggle:checked { + background-color: #F0544C !important; + color: #ffffff; + text-shadow: none !important; +} + +.quick-toggle:checked:hover { + background-color: #f26a64 !important; + color: #ffffff; + text-shadow: none !important; +} + +.quick-toggle:checked:active { + background-color: #ee3e34 !important; + color: #ffffff; +} + +.quick-toggle > StBoxLayout { + spacing: 6px; +} + +.quick-toggle.button { + padding: 0; + min-height: 40px; +} + +.quick-toggle > StBoxLayout { + padding: 0 12px; +} + +.quick-toggle:ltr > StBoxLayout { + padding-left: 15px; +} + +.quick-toggle:rtl > StBoxLayout { + padding-right: 15px; +} + +.quick-toggle .quick-toggle-label { + font-weight: bold; +} + +.quick-toggle .quick-toggle-icon, .quick-toggle .quick-toggle-arrow { + icon-size: 16px; +} + +.quick-menu-toggle:ltr > StBoxLayout { + padding-right: 0; +} + +.quick-menu-toggle:rtl > StBoxLayout { + padding-left: 0; +} + +.quick-menu-toggle .quick-toggle-arrow { + background-color: rgba(54, 54, 54, 0.06) !important; + padding: 6px 10.5px; +} + +.quick-menu-toggle .quick-toggle-arrow:active, .quick-menu-toggle .quick-toggle-arrow:checked { + background-color: rgba(54, 54, 54, 0.12) !important; +} + +.quick-menu-toggle .quick-toggle-arrow:ltr { + border-radius: 0 3px 3px 0; +} + +.quick-menu-toggle .quick-toggle-arrow:rtl { + border-radius: 3px 0 0 3px; +} + +.quick-slider { + padding: 0 6px; +} + +.quick-slider > StBoxLayout { + spacing: 6px; +} + +.quick-slider .slider-bin { + min-height: 16px; + padding: 6px; + border-radius: 16px; +} + +.quick-slider .slider-bin:focus { + color: #363636; + text-shadow: 0 1px rgba(255, 255, 255, 0.3); + icon-shadow: 0 1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6) !important; +} + +.quick-slider .quick-toggle-icon { + icon-size: 16px; +} + +.quick-slider .icon-button { + background-color: transparent; + color: #363636 !important; +} + +.quick-slider .icon-button:hover { + background-color: rgba(54, 54, 54, 0.06); +} + +.quick-slider .icon-button:active { + background-color: rgba(54, 54, 54, 0.12); +} + +.quick-toggle-menu { + background-color: #ffffff !important; + color: #363636 !important; + border-radius: 5px !important; + padding: 12px 0 !important; + margin: 12px 19px 0 !important; +} + +.quick-toggle-menu .popup-menu-item { + border-radius: 0 !important; +} + +.quick-toggle-menu .popup-menu-item > StIcon { + -st-icon-style: symbolic; +} + +.quick-toggle-menu .header { + spacing-rows: 3px; + spacing-columns: 12px; + padding: 0 12px 12px !important; +} + +.quick-toggle-menu .header .icon { + icon-size: 24px; + border-radius: 1000px; + padding: 9px; + background-color: rgba(54, 54, 54, 0.12) !important; +} + +.quick-toggle-menu .header .icon.active { + background-color: #F0544C !important; + color: #ffffff; +} + +.quick-settings-system-item > StBoxLayout { + spacing: 12px; +} + +.quick-settings-system-item .icon-button > StIcon { + -st-icon-style: symbolic; +} + +.quick-settings-system-item .power-item { + min-height: 0; + min-width: 0; +} + +.quick-settings-system-item .power-item:insensitive { + color: #363636; + background-color: #ffffff; + border-color: #cfcfcf; + box-shadow: none; + text-shadow: 0 1px rgba(255, 255, 255, 0.3); + icon-shadow: 0 1px rgba(255, 255, 255, 0.3); + background-color: transparent; +} + +.nm-network-item .wireless-secure-icon { + icon-size: 8px; +} + /* Notifications & Message Tray */ .notification-banner { min-height: 64px; @@ -1884,7 +2101,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Top Bar */ #panel { - background-color: #222222; + background-color: #101010; font-weight: bold; height: 2.2em; font-feature-settings: "tnum"; @@ -1902,7 +2119,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #222222; + -panel-corner-background-color: #101010; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; -panel-corner-opacity: 1; @@ -2015,7 +2232,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #overviewGroup { - background-color: #2f2f2f; + background-color: #1d1d1d; } .overview-controls { @@ -2029,13 +2246,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .window-caption { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 6px 12px; } .window-close, .screenshot-ui-close-button { - background-color: #3c3c3c; + background-color: #2a2a2a; color: #efefef; border-radius: 1000px; padding: 3px; @@ -2052,17 +2269,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-close:hover, .screenshot-ui-close-button:hover { - background-color: #626262; + background-color: #505050; } .window-close:active, .screenshot-ui-close-button:active { color: rgba(239, 239, 239, 0.8); - background-color: #2f2f2f; + background-color: #1d1d1d; } .workspace-background { border-radius: 30px; - background-color: #3c3c3c; + background-color: #2a2a2a; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); } @@ -2214,7 +2431,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 6px 12px; text-align: center; @@ -2258,7 +2475,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { - color: #fff; + color: #ffffff; } .app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon, @@ -2296,13 +2513,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Folders */ .app-well-app.app-folder { - background-color: #272727; + background-color: #151515; border-radius: 3px; } .app-folder-dialog { border-radius: 7.5px; - background-color: rgba(47, 47, 47, 0.9); + background-color: #1d1d1d; padding: 8px !important; } @@ -2312,7 +2529,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* FIXME: this is to keep the label in sync with the entry */ } -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { +.app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { font-size: 18pt; font-weight: 800; } @@ -2320,8 +2538,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; box-shadow: none; - border-radius: 3px; + border-radius: 1000px; border: 2px solid transparent; + background-color: rgba(247, 247, 247, 0.1); + color: #efefef; } .app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus { @@ -2445,10 +2665,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .page-navigation-arrow { + color: #efefef; +} + +.page-navigation-arrow > StIcon { margin: 6px; + padding: 18px; width: 24px; height: 24px; + border-radius: 1000px; + color: rgba(239, 239, 239, 0.75); +} + +.page-navigation-arrow:insensitive > StIcon { + color: #b2b2b2; + border-color: #e2e2e2; + background-color: #f9f9f9; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.page-navigation-arrow:hover > StIcon { + color: #efefef; + background-color: rgba(91, 91, 91, 0.55); + border-color: #cfcfcf; + box-shadow: none; + text-shadow: 0 1px rgba(255, 255, 255, 0.3); + icon-shadow: 0 1px rgba(255, 255, 255, 0.3); +} + +.page-navigation-arrow:active > StIcon { color: #efefef; + background-color: rgba(110, 110, 110, 0.575); + border-color: #cfcfcf; + text-shadow: none; + icon-shadow: none; + box-shadow: none; } /* Workspace pager */ @@ -2559,7 +2812,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Workspace animation */ .workspace-animation { - background-color: #2f2f2f; + background-color: #1d1d1d; } /* Tiled window previews */ @@ -2619,7 +2872,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6); + box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6) !important; } .keyboard-key:hover, .keyboard-key:checked { @@ -2648,7 +2901,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key { color: #363636; - background-color: #1f1f1f; + background-color: #0e0e0e; border-color: #cfcfcf; box-shadow: none; text-shadow: 0 1px rgba(255, 255, 255, 0.3); @@ -2657,7 +2910,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: #363636; - background-color: #222222; + background-color: #121212; border-color: #cfcfcf; box-shadow: none; text-shadow: 0 1px rgba(255, 255, 255, 0.3); @@ -2666,7 +2919,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:active { color: #363636; - background-color: #232323; + background-color: #141414; border-color: #cfcfcf; text-shadow: none; icon-shadow: none; @@ -2711,9 +2964,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-subkeys { color: #efefef; -arrow-border-radius: 5px; - -arrow-background-color: #3c3c3c; + -arrow-background-color: #2a2a2a; -arrow-border-width: 1px; - -arrow-border-color: #525252; + -arrow-border-color: #414141; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; @@ -2733,7 +2986,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6); + box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6) !important; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { @@ -2773,7 +3026,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Looking Glass */ #LookingGlassDialog { - background-color: #3c3c3c; + background-color: #2a2a2a; spacing: 6px; padding: 4px; border: 1px solid rgba(239, 239, 239, 0.2); @@ -2784,7 +3037,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog > #Toolbar { border: none; border-radius: 3px; - background-color: #3c3c3c; + background-color: #2a2a2a; } #LookingGlassDialog .labels { @@ -2822,7 +3075,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - background-color: rgba(72, 72, 72, 0.6); + background-color: rgba(54, 54, 54, 0.6); color: #efefef; border-color: rgba(239, 239, 239, 0.2); min-height: 22px; @@ -2884,7 +3137,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-extension { border: 1px solid rgba(13, 13, 13, 0.7); - background-color: #484848; + background-color: #363636; border-radius: 3px; padding: 4px; } @@ -2898,7 +3151,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #3c3c3c; + background: #2a2a2a; border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 3px; padding: 6px; @@ -2925,23 +3178,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); - background-color: #272727; - border-color: #272727; + background-color: #151515; + border-color: #151515; color: #efefef; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { - background-color: #3c3c3c; - border-color: #3c3c3c; + background-color: #2a2a2a; + border-color: #2a2a2a; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; - background-color: #222222; - border-color: #222222; + background-color: #101010; + border-color: #101010; } .login-dialog .modal-dialog-button:insensitive, @@ -2952,8 +3205,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; text-shadow: none; icon-shadow: none; - border-color: #222222; - background-color: #222222; + border-color: #101010; + background-color: #101010; color: rgba(239, 239, 239, 0.7); } @@ -3016,8 +3269,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 99px; width: 2.18em; height: 2.18em; - border-color: #272727; - background-color: #272727; + border-color: #151515; + background-color: #151515; } .login-dialog .cancel-button StIcon, @@ -3199,14 +3452,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 6px; border: none; - background-color: rgba(60, 60, 60, 0.3); + background-color: rgba(42, 42, 42, 0.3); color: #efefef; border-radius: 5px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(60, 60, 60, 0.9); + background-color: rgba(42, 42, 42, 0.9); } .unlock-dialog-notification-label { @@ -3216,7 +3469,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notification-count-text { weight: bold; padding: 0 6px; - color: #3c3c3c; + color: #2a2a2a; background-color: rgba(239, 239, 239, 0.3); border-radius: 99px; margin-right: 12px; @@ -3228,7 +3481,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background-color: #2f2f2f; + background-color: #1d1d1d; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { @@ -3270,8 +3523,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin-bottom: 4em; spacing: 12px; color: #efefef; - background-color: #222222; - border: 1px solid #090909; + background-color: #1d1d1d; + border: 1px solid black; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); } @@ -3399,7 +3652,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screenshot-ui-window-selector { - background-color: #3c3c3c; + background-color: #2a2a2a; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { @@ -3458,7 +3711,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .screenshot-ui-tooltip { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 1000px; padding: 6px 12px; text-align: center; @@ -3628,7 +3881,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #dashtodockContainer #dash .dash-background { color: #dddddd; - background-color: rgba(34, 34, 34, 0.9); + background-color: rgba(16, 16, 16, 0.9); } #dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { @@ -3720,7 +3973,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6); + box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6) !important; } .openweather-provider:active { diff --git a/src/gnome-shell/42.0/gnome-shell-azul.css b/src/gnome-shell/42.0/gnome-shell-azul.css index 9d45563d..fdb02186 100644 --- a/src/gnome-shell/42.0/gnome-shell-azul.css +++ b/src/gnome-shell/42.0/gnome-shell-azul.css @@ -32,7 +32,7 @@ stage { .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { color: #efefef; - background-color: #313441; + background-color: #22242d; border-radius: 3px; padding: 12px; } @@ -57,12 +57,12 @@ stage { border: 1px solid rgba(0, 0, 0, 0.6); } -.button { +.quick-settings-system-item .icon-button, .button { border-radius: 3px; border-style: solid; border-width: 1px; - min-height: 22px; - padding: 3px 24px; + min-height: 20px; + padding: 6px 12px; color: #363636; background-color: #ffffff; border-color: #cfcfcf; @@ -71,14 +71,14 @@ stage { icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } -.button:focus { +.quick-settings-system-item .icon-button:focus, .button:focus { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6); + box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6) !important; } -.button:hover { +.quick-settings-system-item .icon-button:hover, .button:hover { color: #363636; background-color: #ebebeb; border-color: #cfcfcf; @@ -87,7 +87,7 @@ stage { icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } -.button:insensitive { +.quick-settings-system-item .icon-button:insensitive, .button:insensitive { color: #b2b2b2; border-color: #e2e2e2; background-color: #f9f9f9; @@ -96,7 +96,7 @@ stage { icon-shadow: none; } -.button:active { +.quick-settings-system-item .icon-button:active, .button:active { color: #363636; background-color: #e1e1e1; border-color: #cfcfcf; @@ -179,7 +179,7 @@ stage { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6); + box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6) !important; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { @@ -316,9 +316,9 @@ StEntry StLabel.hint-text { /* Slider */ .slider { - height: 15px; + height: 16px; color: #3498db; - -barlevel-height: 3px; + -barlevel-height: 4px; -barlevel-background-color: #cfcfcf; -barlevel-border-width: 0; -barlevel-border-color: #cfcfcf; @@ -327,7 +327,7 @@ StEntry StLabel.hint-text { -barlevel-overdrive-color: #e01b24; -barlevel-overdrive-border-color: #ce1921; -barlevel-overdrive-separator-width: 1px; - -slider-handle-radius: 7.5px; + -slider-handle-radius: 8px; -slider-handle-border-width: 0; -slider-handle-border-color: #cfcfcf; } @@ -787,17 +787,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-day-base { font-size: 9pt; text-align: center; - width: 32px; - height: 32px; + width: 32px !important; + height: 32px !important; padding: 0; - margin: 0 2px; - border-radius: 100%; + margin: 3px; + border-radius: 1000px; border: none; font-feature-settings: "tnum"; } .calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus { background-color: rgba(54, 54, 54, 0.1); + box-shadow: none; } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { @@ -865,12 +866,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; - height: 1.8em; - width: 2.3em; - border-radius: 2px; - margin: 6px; - background-color: #f0f0f0; - color: #434343; + height: 12px !important; + width: 12px !important; + padding: 8px; + margin: 5px 3px; + border-radius: 3px; + background-color: rgba(54, 54, 54, 0.05); + color: #555555; } /* Events */ @@ -1362,6 +1364,221 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 1em; } +.quick-settings { + padding: 12px !important; + border-radius: 5px !important; + margin-top: 6px !important; +} + +.quick-settings .icon-button, .quick-settings .button { + min-height: 20px; + min-width: 20px; + padding: 10.5px; +} + +.quick-settings .icon-button { + border-radius: 1000px; + border: none; +} + +.quick-settings-grid { + spacing-rows: 12px; + spacing-columns: 12px; +} + +.quick-toggle { + border-radius: 3px; + min-width: 12em; + max-width: 12em; + min-height: 40px; + border: none; + background-color: rgba(54, 54, 54, 0.08) !important; + color: #555555; + text-shadow: none !important; + /* Move padding into the box; this is to allow menu arrows + to extend to the border */ +} + +.quick-toggle:hover { + background-color: rgba(54, 54, 54, 0.16) !important; + color: #363636; +} + +.quick-toggle:active { + background-color: rgba(54, 54, 54, 0.24) !important; + color: #363636; +} + +.quick-toggle:checked { + background-color: #3498db !important; + color: #ffffff; + text-shadow: none !important; +} + +.quick-toggle:checked:hover { + background-color: #4aa3df !important; + color: #ffffff; + text-shadow: none !important; +} + +.quick-toggle:checked:active { + background-color: #258cd1 !important; + color: #ffffff; +} + +.quick-toggle > StBoxLayout { + spacing: 6px; +} + +.quick-toggle.button { + padding: 0; + min-height: 40px; +} + +.quick-toggle > StBoxLayout { + padding: 0 12px; +} + +.quick-toggle:ltr > StBoxLayout { + padding-left: 15px; +} + +.quick-toggle:rtl > StBoxLayout { + padding-right: 15px; +} + +.quick-toggle .quick-toggle-label { + font-weight: bold; +} + +.quick-toggle .quick-toggle-icon, .quick-toggle .quick-toggle-arrow { + icon-size: 16px; +} + +.quick-menu-toggle:ltr > StBoxLayout { + padding-right: 0; +} + +.quick-menu-toggle:rtl > StBoxLayout { + padding-left: 0; +} + +.quick-menu-toggle .quick-toggle-arrow { + background-color: rgba(54, 54, 54, 0.06) !important; + padding: 6px 10.5px; +} + +.quick-menu-toggle .quick-toggle-arrow:active, .quick-menu-toggle .quick-toggle-arrow:checked { + background-color: rgba(54, 54, 54, 0.12) !important; +} + +.quick-menu-toggle .quick-toggle-arrow:ltr { + border-radius: 0 3px 3px 0; +} + +.quick-menu-toggle .quick-toggle-arrow:rtl { + border-radius: 3px 0 0 3px; +} + +.quick-slider { + padding: 0 6px; +} + +.quick-slider > StBoxLayout { + spacing: 6px; +} + +.quick-slider .slider-bin { + min-height: 16px; + padding: 6px; + border-radius: 16px; +} + +.quick-slider .slider-bin:focus { + color: #363636; + text-shadow: 0 1px rgba(255, 255, 255, 0.3); + icon-shadow: 0 1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6) !important; +} + +.quick-slider .quick-toggle-icon { + icon-size: 16px; +} + +.quick-slider .icon-button { + background-color: transparent; + color: #363636 !important; +} + +.quick-slider .icon-button:hover { + background-color: rgba(54, 54, 54, 0.06); +} + +.quick-slider .icon-button:active { + background-color: rgba(54, 54, 54, 0.12); +} + +.quick-toggle-menu { + background-color: #ffffff !important; + color: #363636 !important; + border-radius: 5px !important; + padding: 12px 0 !important; + margin: 12px 19px 0 !important; +} + +.quick-toggle-menu .popup-menu-item { + border-radius: 0 !important; +} + +.quick-toggle-menu .popup-menu-item > StIcon { + -st-icon-style: symbolic; +} + +.quick-toggle-menu .header { + spacing-rows: 3px; + spacing-columns: 12px; + padding: 0 12px 12px !important; +} + +.quick-toggle-menu .header .icon { + icon-size: 24px; + border-radius: 1000px; + padding: 9px; + background-color: rgba(54, 54, 54, 0.12) !important; +} + +.quick-toggle-menu .header .icon.active { + background-color: #3498db !important; + color: #ffffff; +} + +.quick-settings-system-item > StBoxLayout { + spacing: 12px; +} + +.quick-settings-system-item .icon-button > StIcon { + -st-icon-style: symbolic; +} + +.quick-settings-system-item .power-item { + min-height: 0; + min-width: 0; +} + +.quick-settings-system-item .power-item:insensitive { + color: #363636; + background-color: #ffffff; + border-color: #cfcfcf; + box-shadow: none; + text-shadow: 0 1px rgba(255, 255, 255, 0.3); + icon-shadow: 0 1px rgba(255, 255, 255, 0.3); + background-color: transparent; +} + +.nm-network-item .wireless-secure-icon { + icon-size: 8px; +} + /* Notifications & Message Tray */ .notification-banner { min-height: 64px; @@ -1884,7 +2101,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Top Bar */ #panel { - background-color: #1b1d24; + background-color: #0c0d10; font-weight: bold; height: 2.2em; font-feature-settings: "tnum"; @@ -1902,7 +2119,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #1b1d24; + -panel-corner-background-color: #0c0d10; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; -panel-corner-opacity: 1; @@ -2015,7 +2232,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #overviewGroup { - background-color: #262933; + background-color: #17181e; } .overview-controls { @@ -2029,13 +2246,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .window-caption { color: #efefef; - background-color: #313441; + background-color: #22242d; border-radius: 3px; padding: 6px 12px; } .window-close, .screenshot-ui-close-button { - background-color: #313441; + background-color: #22242d; color: #efefef; border-radius: 1000px; padding: 3px; @@ -2052,17 +2269,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-close:hover, .screenshot-ui-close-button:hover { - background-color: #52586d; + background-color: #424758; } .window-close:active, .screenshot-ui-close-button:active { color: rgba(239, 239, 239, 0.8); - background-color: #262933; + background-color: #17181e; } .workspace-background { border-radius: 30px; - background-color: #313441; + background-color: #22242d; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); } @@ -2214,7 +2431,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { color: #efefef; - background-color: #313441; + background-color: #22242d; border-radius: 3px; padding: 6px 12px; text-align: center; @@ -2258,7 +2475,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { - color: #fff; + color: #ffffff; } .app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon, @@ -2296,13 +2513,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Folders */ .app-well-app.app-folder { - background-color: #1f222a; + background-color: #101115; border-radius: 3px; } .app-folder-dialog { border-radius: 7.5px; - background-color: rgba(38, 41, 51, 0.9); + background-color: #17181e; padding: 8px !important; } @@ -2312,7 +2529,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* FIXME: this is to keep the label in sync with the entry */ } -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { +.app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { font-size: 18pt; font-weight: 800; } @@ -2320,8 +2538,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; box-shadow: none; - border-radius: 3px; + border-radius: 1000px; border: 2px solid transparent; + background-color: rgba(247, 247, 247, 0.1); + color: #efefef; } .app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus { @@ -2445,10 +2665,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .page-navigation-arrow { + color: #efefef; +} + +.page-navigation-arrow > StIcon { margin: 6px; + padding: 18px; width: 24px; height: 24px; + border-radius: 1000px; + color: rgba(239, 239, 239, 0.75); +} + +.page-navigation-arrow:insensitive > StIcon { + color: #b2b2b2; + border-color: #e2e2e2; + background-color: #f9f9f9; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.page-navigation-arrow:hover > StIcon { + color: #efefef; + background-color: rgba(85, 87, 93, 0.55); + border-color: #cfcfcf; + box-shadow: none; + text-shadow: 0 1px rgba(255, 255, 255, 0.3); + icon-shadow: 0 1px rgba(255, 255, 255, 0.3); +} + +.page-navigation-arrow:active > StIcon { color: #efefef; + background-color: rgba(105, 106, 112, 0.575); + border-color: #cfcfcf; + text-shadow: none; + icon-shadow: none; + box-shadow: none; } /* Workspace pager */ @@ -2559,7 +2812,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Workspace animation */ .workspace-animation { - background-color: #262933; + background-color: #17181e; } /* Tiled window previews */ @@ -2619,7 +2872,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6); + box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6) !important; } .keyboard-key:hover, .keyboard-key:checked { @@ -2648,7 +2901,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key { color: #363636; - background-color: #191b21; + background-color: #0a0a0d; border-color: #cfcfcf; box-shadow: none; text-shadow: 0 1px rgba(255, 255, 255, 0.3); @@ -2657,7 +2910,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: #363636; - background-color: #1c1d23; + background-color: #0e0f11; border-color: #cfcfcf; box-shadow: none; text-shadow: 0 1px rgba(255, 255, 255, 0.3); @@ -2666,7 +2919,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:active { color: #363636; - background-color: #1d1f24; + background-color: #101113; border-color: #cfcfcf; text-shadow: none; icon-shadow: none; @@ -2711,9 +2964,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-subkeys { color: #efefef; -arrow-border-radius: 5px; - -arrow-background-color: #313441; + -arrow-background-color: #22242d; -arrow-border-width: 1px; - -arrow-border-color: #454a5b; + -arrow-border-color: #353947; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; @@ -2733,7 +2986,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6); + box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6) !important; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { @@ -2773,7 +3026,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Looking Glass */ #LookingGlassDialog { - background-color: #313441; + background-color: #22242d; spacing: 6px; padding: 4px; border: 1px solid rgba(239, 239, 239, 0.2); @@ -2784,7 +3037,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog > #Toolbar { border: none; border-radius: 3px; - background-color: #313441; + background-color: #22242d; } #LookingGlassDialog .labels { @@ -2822,7 +3075,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - background-color: rgba(60, 64, 80, 0.6); + background-color: rgba(44, 48, 59, 0.6); color: #efefef; border-color: rgba(239, 239, 239, 0.2); min-height: 22px; @@ -2884,7 +3137,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-extension { border: 1px solid rgba(13, 13, 13, 0.7); - background-color: #3c4050; + background-color: #2c303b; border-radius: 3px; padding: 4px; } @@ -2898,7 +3151,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #313441; + background: #22242d; border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 3px; padding: 6px; @@ -2925,23 +3178,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); - background-color: #1f222a; - border-color: #1f222a; + background-color: #101115; + border-color: #101115; color: #efefef; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { - background-color: #313441; - border-color: #313441; + background-color: #22242d; + border-color: #22242d; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; - background-color: #1b1d24; - border-color: #1b1d24; + background-color: #0c0d10; + border-color: #0c0d10; } .login-dialog .modal-dialog-button:insensitive, @@ -2952,8 +3205,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; text-shadow: none; icon-shadow: none; - border-color: #1b1d24; - background-color: #1b1d24; + border-color: #0c0d10; + background-color: #0c0d10; color: rgba(239, 239, 239, 0.7); } @@ -3016,8 +3269,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 99px; width: 2.18em; height: 2.18em; - border-color: #1f222a; - background-color: #1f222a; + border-color: #101115; + background-color: #101115; } .login-dialog .cancel-button StIcon, @@ -3199,14 +3452,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 6px; border: none; - background-color: rgba(49, 52, 65, 0.3); + background-color: rgba(34, 36, 45, 0.3); color: #efefef; border-radius: 5px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(49, 52, 65, 0.9); + background-color: rgba(34, 36, 45, 0.9); } .unlock-dialog-notification-label { @@ -3216,7 +3469,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notification-count-text { weight: bold; padding: 0 6px; - color: #313441; + color: #22242d; background-color: rgba(239, 239, 239, 0.3); border-radius: 99px; margin-right: 12px; @@ -3228,7 +3481,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background-color: #262933; + background-color: #17181e; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { @@ -3270,8 +3523,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin-bottom: 4em; spacing: 12px; color: #efefef; - background-color: #1b1d24; - border: 1px solid #050607; + background-color: #17181e; + border: 1px solid black; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); } @@ -3399,7 +3652,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screenshot-ui-window-selector { - background-color: #313441; + background-color: #22242d; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { @@ -3458,7 +3711,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .screenshot-ui-tooltip { color: #efefef; - background-color: #313441; + background-color: #22242d; border-radius: 1000px; padding: 6px 12px; text-align: center; @@ -3628,7 +3881,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #dashtodockContainer #dash .dash-background { color: #dddddd; - background-color: rgba(27, 29, 36, 0.9); + background-color: rgba(12, 13, 16, 0.9); } #dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { @@ -3720,7 +3973,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6); + box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6) !important; } .openweather-provider:active { diff --git a/src/gnome-shell/42.0/gnome-shell-dark-aliz.css b/src/gnome-shell/42.0/gnome-shell-dark-aliz.css index 54ff7f66..da85c37b 100644 --- a/src/gnome-shell/42.0/gnome-shell-dark-aliz.css +++ b/src/gnome-shell/42.0/gnome-shell-dark-aliz.css @@ -32,7 +32,7 @@ stage { .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 12px; } @@ -57,12 +57,12 @@ stage { border: 1px solid rgba(0, 0, 0, 0.75); } -.button { +.quick-settings-system-item .icon-button, .button { border-radius: 3px; border-style: solid; border-width: 1px; - min-height: 22px; - padding: 3px 24px; + min-height: 20px; + padding: 6px 12px; color: #dddddd; background-color: #222222; border-color: #151515; @@ -71,14 +71,14 @@ stage { icon-shadow: 0 1px rgba(0, 0, 0, 0.2); } -.button:focus { +.quick-settings-system-item .icon-button:focus, .button:focus { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6); + box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6) !important; } -.button:hover { +.quick-settings-system-item .icon-button:hover, .button:hover { color: #dddddd; background-color: #2d2d2d; border-color: #151515; @@ -87,7 +87,7 @@ stage { icon-shadow: 0 1px rgba(0, 0, 0, 0.2); } -.button:insensitive { +.quick-settings-system-item .icon-button:insensitive, .button:insensitive { color: #6c6c6c; border-color: #1a1a1a; background-color: #2a2a2a; @@ -96,7 +96,7 @@ stage { icon-shadow: none; } -.button:active { +.quick-settings-system-item .icon-button:active, .button:active { color: #dddddd; background-color: #353535; border-color: #151515; @@ -179,7 +179,7 @@ stage { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6); + box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6) !important; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { @@ -316,9 +316,9 @@ StEntry StLabel.hint-text { /* Slider */ .slider { - height: 15px; + height: 16px; color: #ec271d; - -barlevel-height: 3px; + -barlevel-height: 4px; -barlevel-background-color: #151515; -barlevel-border-width: 0; -barlevel-border-color: #151515; @@ -327,7 +327,7 @@ StEntry StLabel.hint-text { -barlevel-overdrive-color: #b2161d; -barlevel-overdrive-border-color: #bc171e; -barlevel-overdrive-separator-width: 1px; - -slider-handle-radius: 7.5px; + -slider-handle-radius: 8px; -slider-handle-border-width: 0; -slider-handle-border-color: #dddddd; } @@ -787,17 +787,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-day-base { font-size: 9pt; text-align: center; - width: 32px; - height: 32px; + width: 32px !important; + height: 32px !important; padding: 0; - margin: 0 2px; - border-radius: 100%; + margin: 3px; + border-radius: 1000px; border: none; font-feature-settings: "tnum"; } .calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus { background-color: rgba(221, 221, 221, 0.1); + box-shadow: none; } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { @@ -865,12 +866,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; - height: 1.8em; - width: 2.3em; - border-radius: 2px; - margin: 6px; - background-color: #2a2a2a; - color: #eaeaea; + height: 12px !important; + width: 12px !important; + padding: 8px; + margin: 5px 3px; + border-radius: 3px; + background-color: rgba(221, 221, 221, 0.05); + color: #aaaaaa; } /* Events */ @@ -1362,6 +1364,221 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 1em; } +.quick-settings { + padding: 12px !important; + border-radius: 5px !important; + margin-top: 6px !important; +} + +.quick-settings .icon-button, .quick-settings .button { + min-height: 20px; + min-width: 20px; + padding: 10.5px; +} + +.quick-settings .icon-button { + border-radius: 1000px; + border: none; +} + +.quick-settings-grid { + spacing-rows: 12px; + spacing-columns: 12px; +} + +.quick-toggle { + border-radius: 3px; + min-width: 12em; + max-width: 12em; + min-height: 40px; + border: none; + background-color: rgba(221, 221, 221, 0.06) !important; + color: #aaaaaa; + text-shadow: none !important; + /* Move padding into the box; this is to allow menu arrows + to extend to the border */ +} + +.quick-toggle:hover { + background-color: rgba(221, 221, 221, 0.12) !important; + color: #dddddd; +} + +.quick-toggle:active { + background-color: rgba(221, 221, 221, 0.18) !important; + color: #dddddd; +} + +.quick-toggle:checked { + background-color: #ec271d !important; + color: #ffffff; + text-shadow: none !important; +} + +.quick-toggle:checked:hover { + background-color: #ee3e34 !important; + color: #ffffff; + text-shadow: none !important; +} + +.quick-toggle:checked:active { + background-color: #dd1c13 !important; + color: #ffffff; +} + +.quick-toggle > StBoxLayout { + spacing: 6px; +} + +.quick-toggle.button { + padding: 0; + min-height: 40px; +} + +.quick-toggle > StBoxLayout { + padding: 0 12px; +} + +.quick-toggle:ltr > StBoxLayout { + padding-left: 15px; +} + +.quick-toggle:rtl > StBoxLayout { + padding-right: 15px; +} + +.quick-toggle .quick-toggle-label { + font-weight: bold; +} + +.quick-toggle .quick-toggle-icon, .quick-toggle .quick-toggle-arrow { + icon-size: 16px; +} + +.quick-menu-toggle:ltr > StBoxLayout { + padding-right: 0; +} + +.quick-menu-toggle:rtl > StBoxLayout { + padding-left: 0; +} + +.quick-menu-toggle .quick-toggle-arrow { + background-color: rgba(221, 221, 221, 0.06) !important; + padding: 6px 10.5px; +} + +.quick-menu-toggle .quick-toggle-arrow:active, .quick-menu-toggle .quick-toggle-arrow:checked { + background-color: rgba(221, 221, 221, 0.12) !important; +} + +.quick-menu-toggle .quick-toggle-arrow:ltr { + border-radius: 0 3px 3px 0; +} + +.quick-menu-toggle .quick-toggle-arrow:rtl { + border-radius: 3px 0 0 3px; +} + +.quick-slider { + padding: 0 6px; +} + +.quick-slider > StBoxLayout { + spacing: 6px; +} + +.quick-slider .slider-bin { + min-height: 16px; + padding: 6px; + border-radius: 16px; +} + +.quick-slider .slider-bin:focus { + color: #dddddd; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6) !important; +} + +.quick-slider .quick-toggle-icon { + icon-size: 16px; +} + +.quick-slider .icon-button { + background-color: transparent; + color: #dddddd !important; +} + +.quick-slider .icon-button:hover { + background-color: rgba(221, 221, 221, 0.06); +} + +.quick-slider .icon-button:active { + background-color: rgba(221, 221, 221, 0.12); +} + +.quick-toggle-menu { + background-color: #222222 !important; + color: #dddddd !important; + border-radius: 5px !important; + padding: 12px 0 !important; + margin: 12px 19px 0 !important; +} + +.quick-toggle-menu .popup-menu-item { + border-radius: 0 !important; +} + +.quick-toggle-menu .popup-menu-item > StIcon { + -st-icon-style: symbolic; +} + +.quick-toggle-menu .header { + spacing-rows: 3px; + spacing-columns: 12px; + padding: 0 12px 12px !important; +} + +.quick-toggle-menu .header .icon { + icon-size: 24px; + border-radius: 1000px; + padding: 9px; + background-color: rgba(221, 221, 221, 0.12) !important; +} + +.quick-toggle-menu .header .icon.active { + background-color: #ec271d !important; + color: #ffffff; +} + +.quick-settings-system-item > StBoxLayout { + spacing: 12px; +} + +.quick-settings-system-item .icon-button > StIcon { + -st-icon-style: symbolic; +} + +.quick-settings-system-item .power-item { + min-height: 0; + min-width: 0; +} + +.quick-settings-system-item .power-item:insensitive { + color: #dddddd; + background-color: #222222; + border-color: #151515; + box-shadow: none; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); + background-color: transparent; +} + +.nm-network-item .wireless-secure-icon { + icon-size: 8px; +} + /* Notifications & Message Tray */ .notification-banner { min-height: 64px; @@ -1884,7 +2101,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Top Bar */ #panel { - background-color: #222222; + background-color: #101010; font-weight: bold; height: 2.2em; font-feature-settings: "tnum"; @@ -1902,7 +2119,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #222222; + -panel-corner-background-color: #101010; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; -panel-corner-opacity: 1; @@ -2015,7 +2232,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #overviewGroup { - background-color: #2f2f2f; + background-color: #1d1d1d; } .overview-controls { @@ -2029,13 +2246,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .window-caption { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 6px 12px; } .window-close, .screenshot-ui-close-button { - background-color: #3c3c3c; + background-color: #2a2a2a; color: #efefef; border-radius: 1000px; padding: 3px; @@ -2052,17 +2269,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-close:hover, .screenshot-ui-close-button:hover { - background-color: #626262; + background-color: #505050; } .window-close:active, .screenshot-ui-close-button:active { color: rgba(239, 239, 239, 0.8); - background-color: #2f2f2f; + background-color: #1d1d1d; } .workspace-background { border-radius: 30px; - background-color: #3c3c3c; + background-color: #2a2a2a; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); } @@ -2214,7 +2431,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 6px 12px; text-align: center; @@ -2258,7 +2475,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { - color: #fff; + color: #ffffff; } .app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon, @@ -2296,13 +2513,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Folders */ .app-well-app.app-folder { - background-color: #272727; + background-color: #151515; border-radius: 3px; } .app-folder-dialog { border-radius: 7.5px; - background-color: rgba(47, 47, 47, 0.9); + background-color: #1d1d1d; padding: 8px !important; } @@ -2312,7 +2529,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* FIXME: this is to keep the label in sync with the entry */ } -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { +.app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { font-size: 18pt; font-weight: 800; } @@ -2320,8 +2538,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; box-shadow: none; - border-radius: 3px; + border-radius: 1000px; border: 2px solid transparent; + background-color: rgba(247, 247, 247, 0.1); + color: #efefef; } .app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus { @@ -2445,10 +2665,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .page-navigation-arrow { + color: #efefef; +} + +.page-navigation-arrow > StIcon { margin: 6px; + padding: 18px; width: 24px; height: 24px; + border-radius: 1000px; + color: rgba(239, 239, 239, 0.75); +} + +.page-navigation-arrow:insensitive > StIcon { + color: #6c6c6c; + border-color: #1a1a1a; + background-color: #2a2a2a; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.page-navigation-arrow:hover > StIcon { color: #efefef; + background-color: rgba(73, 73, 73, 0.53); + border-color: #151515; + box-shadow: none; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); +} + +.page-navigation-arrow:active > StIcon { + color: #efefef; + background-color: rgba(91, 91, 91, 0.55); + border-color: #151515; + text-shadow: none; + icon-shadow: none; + box-shadow: none; } /* Workspace pager */ @@ -2559,7 +2812,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Workspace animation */ .workspace-animation { - background-color: #2f2f2f; + background-color: #1d1d1d; } /* Tiled window previews */ @@ -2619,7 +2872,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6); + box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6) !important; } .keyboard-key:hover, .keyboard-key:checked { @@ -2648,7 +2901,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key { color: #dddddd; - background-color: #414141; + background-color: #2f2f2f; border-color: #151515; box-shadow: none; text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -2657,7 +2910,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: #dddddd; - background-color: #4a4a4a; + background-color: #393939; border-color: #151515; box-shadow: none; text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -2666,7 +2919,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:active { color: #dddddd; - background-color: #505050; + background-color: #404040; border-color: #151515; text-shadow: none; icon-shadow: none; @@ -2711,9 +2964,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-subkeys { color: #efefef; -arrow-border-radius: 5px; - -arrow-background-color: #3c3c3c; + -arrow-background-color: #2a2a2a; -arrow-border-width: 1px; - -arrow-border-color: #525252; + -arrow-border-color: #414141; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; @@ -2733,7 +2986,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6); + box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6) !important; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { @@ -2773,7 +3026,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Looking Glass */ #LookingGlassDialog { - background-color: #3c3c3c; + background-color: #2a2a2a; spacing: 6px; padding: 4px; border: 1px solid rgba(239, 239, 239, 0.2); @@ -2784,7 +3037,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog > #Toolbar { border: none; border-radius: 3px; - background-color: #3c3c3c; + background-color: #2a2a2a; } #LookingGlassDialog .labels { @@ -2822,7 +3075,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - background-color: rgba(72, 72, 72, 0.6); + background-color: rgba(54, 54, 54, 0.6); color: #efefef; border-color: rgba(239, 239, 239, 0.2); min-height: 22px; @@ -2884,7 +3137,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-extension { border: 1px solid rgba(13, 13, 13, 0.7); - background-color: #484848; + background-color: #363636; border-radius: 3px; padding: 4px; } @@ -2898,7 +3151,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #3c3c3c; + background: #2a2a2a; border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 3px; padding: 6px; @@ -2918,7 +3171,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog StEntry, .unlock-dialog StEntry { - background-color: #272727; + background-color: #151515; color: #dddddd; } @@ -2931,23 +3184,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); - background-color: #272727; - border-color: #272727; + background-color: #151515; + border-color: #151515; color: #efefef; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { - background-color: #3c3c3c; - border-color: #3c3c3c; + background-color: #2a2a2a; + border-color: #2a2a2a; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; - background-color: #222222; - border-color: #222222; + background-color: #101010; + border-color: #101010; } .login-dialog .modal-dialog-button:insensitive, @@ -2958,8 +3211,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; text-shadow: none; icon-shadow: none; - border-color: #222222; - background-color: #222222; + border-color: #101010; + background-color: #101010; color: rgba(239, 239, 239, 0.7); } @@ -3022,8 +3275,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 99px; width: 2.18em; height: 2.18em; - border-color: #272727; - background-color: #272727; + border-color: #151515; + background-color: #151515; } .login-dialog .cancel-button StIcon, @@ -3205,14 +3458,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 6px; border: none; - background-color: rgba(60, 60, 60, 0.3); + background-color: rgba(42, 42, 42, 0.3); color: #efefef; border-radius: 5px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(60, 60, 60, 0.9); + background-color: rgba(42, 42, 42, 0.9); } .unlock-dialog-notification-label { @@ -3222,7 +3475,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notification-count-text { weight: bold; padding: 0 6px; - color: #3c3c3c; + color: #2a2a2a; background-color: rgba(239, 239, 239, 0.3); border-radius: 99px; margin-right: 12px; @@ -3234,7 +3487,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background-color: #2f2f2f; + background-color: #1d1d1d; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { @@ -3276,8 +3529,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin-bottom: 4em; spacing: 12px; color: #efefef; - background-color: #222222; - border: 1px solid #090909; + background-color: #1d1d1d; + border: 1px solid black; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); } @@ -3405,7 +3658,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screenshot-ui-window-selector { - background-color: #3c3c3c; + background-color: #2a2a2a; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { @@ -3464,7 +3717,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .screenshot-ui-tooltip { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 1000px; padding: 6px 12px; text-align: center; @@ -3634,7 +3887,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #dashtodockContainer #dash .dash-background { color: #dddddd; - background-color: rgba(34, 34, 34, 0.9); + background-color: rgba(16, 16, 16, 0.9); } #dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { @@ -3726,7 +3979,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6); + box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6) !important; } .openweather-provider:active { diff --git a/src/gnome-shell/42.0/gnome-shell-dark-azul.css b/src/gnome-shell/42.0/gnome-shell-dark-azul.css index 2240b4ca..c0d8d924 100644 --- a/src/gnome-shell/42.0/gnome-shell-dark-azul.css +++ b/src/gnome-shell/42.0/gnome-shell-dark-azul.css @@ -32,7 +32,7 @@ stage { .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { color: #efefef; - background-color: #313441; + background-color: #22242d; border-radius: 3px; padding: 12px; } @@ -57,12 +57,12 @@ stage { border: 1px solid rgba(0, 0, 0, 0.75); } -.button { +.quick-settings-system-item .icon-button, .button { border-radius: 3px; border-style: solid; border-width: 1px; - min-height: 22px; - padding: 3px 24px; + min-height: 20px; + padding: 6px 12px; color: #dddddd; background-color: #1b1d24; border-color: #101115; @@ -71,14 +71,14 @@ stage { icon-shadow: 0 1px rgba(0, 0, 0, 0.2); } -.button:focus { +.quick-settings-system-item .icon-button:focus, .button:focus { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6); + box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6) !important; } -.button:hover { +.quick-settings-system-item .icon-button:hover, .button:hover { color: #dddddd; background-color: #27292f; border-color: #101115; @@ -87,7 +87,7 @@ stage { icon-shadow: 0 1px rgba(0, 0, 0, 0.2); } -.button:insensitive { +.quick-settings-system-item .icon-button:insensitive, .button:insensitive { color: #66686e; border-color: #14161b; background-color: #22242d; @@ -96,7 +96,7 @@ stage { icon-shadow: none; } -.button:active { +.quick-settings-system-item .icon-button:active, .button:active { color: #dddddd; background-color: #2e3037; border-color: #101115; @@ -179,7 +179,7 @@ stage { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6); + box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6) !important; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { @@ -316,9 +316,9 @@ StEntry StLabel.hint-text { /* Slider */ .slider { - height: 15px; + height: 16px; color: #217dbb; - -barlevel-height: 3px; + -barlevel-height: 4px; -barlevel-background-color: #101115; -barlevel-border-width: 0; -barlevel-border-color: #101115; @@ -327,7 +327,7 @@ StEntry StLabel.hint-text { -barlevel-overdrive-color: #b2161d; -barlevel-overdrive-border-color: #bc171e; -barlevel-overdrive-separator-width: 1px; - -slider-handle-radius: 7.5px; + -slider-handle-radius: 8px; -slider-handle-border-width: 0; -slider-handle-border-color: #dddddd; } @@ -787,17 +787,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-day-base { font-size: 9pt; text-align: center; - width: 32px; - height: 32px; + width: 32px !important; + height: 32px !important; padding: 0; - margin: 0 2px; - border-radius: 100%; + margin: 3px; + border-radius: 1000px; border: none; font-feature-settings: "tnum"; } .calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus { background-color: rgba(221, 221, 221, 0.1); + box-shadow: none; } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { @@ -865,12 +866,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; - height: 1.8em; - width: 2.3em; - border-radius: 2px; - margin: 6px; - background-color: #22242d; - color: #eaeaea; + height: 12px !important; + width: 12px !important; + padding: 8px; + margin: 5px 3px; + border-radius: 3px; + background-color: rgba(221, 221, 221, 0.05); + color: #aaaaaa; } /* Events */ @@ -1362,6 +1364,221 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 1em; } +.quick-settings { + padding: 12px !important; + border-radius: 5px !important; + margin-top: 6px !important; +} + +.quick-settings .icon-button, .quick-settings .button { + min-height: 20px; + min-width: 20px; + padding: 10.5px; +} + +.quick-settings .icon-button { + border-radius: 1000px; + border: none; +} + +.quick-settings-grid { + spacing-rows: 12px; + spacing-columns: 12px; +} + +.quick-toggle { + border-radius: 3px; + min-width: 12em; + max-width: 12em; + min-height: 40px; + border: none; + background-color: rgba(221, 221, 221, 0.06) !important; + color: #aaaaaa; + text-shadow: none !important; + /* Move padding into the box; this is to allow menu arrows + to extend to the border */ +} + +.quick-toggle:hover { + background-color: rgba(221, 221, 221, 0.12) !important; + color: #dddddd; +} + +.quick-toggle:active { + background-color: rgba(221, 221, 221, 0.18) !important; + color: #dddddd; +} + +.quick-toggle:checked { + background-color: #217dbb !important; + color: #ffffff; + text-shadow: none !important; +} + +.quick-toggle:checked:hover { + background-color: #258cd1 !important; + color: #ffffff; + text-shadow: none !important; +} + +.quick-toggle:checked:active { + background-color: #1d6fa5 !important; + color: #ffffff; +} + +.quick-toggle > StBoxLayout { + spacing: 6px; +} + +.quick-toggle.button { + padding: 0; + min-height: 40px; +} + +.quick-toggle > StBoxLayout { + padding: 0 12px; +} + +.quick-toggle:ltr > StBoxLayout { + padding-left: 15px; +} + +.quick-toggle:rtl > StBoxLayout { + padding-right: 15px; +} + +.quick-toggle .quick-toggle-label { + font-weight: bold; +} + +.quick-toggle .quick-toggle-icon, .quick-toggle .quick-toggle-arrow { + icon-size: 16px; +} + +.quick-menu-toggle:ltr > StBoxLayout { + padding-right: 0; +} + +.quick-menu-toggle:rtl > StBoxLayout { + padding-left: 0; +} + +.quick-menu-toggle .quick-toggle-arrow { + background-color: rgba(221, 221, 221, 0.06) !important; + padding: 6px 10.5px; +} + +.quick-menu-toggle .quick-toggle-arrow:active, .quick-menu-toggle .quick-toggle-arrow:checked { + background-color: rgba(221, 221, 221, 0.12) !important; +} + +.quick-menu-toggle .quick-toggle-arrow:ltr { + border-radius: 0 3px 3px 0; +} + +.quick-menu-toggle .quick-toggle-arrow:rtl { + border-radius: 3px 0 0 3px; +} + +.quick-slider { + padding: 0 6px; +} + +.quick-slider > StBoxLayout { + spacing: 6px; +} + +.quick-slider .slider-bin { + min-height: 16px; + padding: 6px; + border-radius: 16px; +} + +.quick-slider .slider-bin:focus { + color: #dddddd; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6) !important; +} + +.quick-slider .quick-toggle-icon { + icon-size: 16px; +} + +.quick-slider .icon-button { + background-color: transparent; + color: #dddddd !important; +} + +.quick-slider .icon-button:hover { + background-color: rgba(221, 221, 221, 0.06); +} + +.quick-slider .icon-button:active { + background-color: rgba(221, 221, 221, 0.12); +} + +.quick-toggle-menu { + background-color: #1b1d24 !important; + color: #dddddd !important; + border-radius: 5px !important; + padding: 12px 0 !important; + margin: 12px 19px 0 !important; +} + +.quick-toggle-menu .popup-menu-item { + border-radius: 0 !important; +} + +.quick-toggle-menu .popup-menu-item > StIcon { + -st-icon-style: symbolic; +} + +.quick-toggle-menu .header { + spacing-rows: 3px; + spacing-columns: 12px; + padding: 0 12px 12px !important; +} + +.quick-toggle-menu .header .icon { + icon-size: 24px; + border-radius: 1000px; + padding: 9px; + background-color: rgba(221, 221, 221, 0.12) !important; +} + +.quick-toggle-menu .header .icon.active { + background-color: #217dbb !important; + color: #ffffff; +} + +.quick-settings-system-item > StBoxLayout { + spacing: 12px; +} + +.quick-settings-system-item .icon-button > StIcon { + -st-icon-style: symbolic; +} + +.quick-settings-system-item .power-item { + min-height: 0; + min-width: 0; +} + +.quick-settings-system-item .power-item:insensitive { + color: #dddddd; + background-color: #1b1d24; + border-color: #101115; + box-shadow: none; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); + background-color: transparent; +} + +.nm-network-item .wireless-secure-icon { + icon-size: 8px; +} + /* Notifications & Message Tray */ .notification-banner { min-height: 64px; @@ -1884,7 +2101,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Top Bar */ #panel { - background-color: #1b1d24; + background-color: #0c0d10; font-weight: bold; height: 2.2em; font-feature-settings: "tnum"; @@ -1902,7 +2119,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #1b1d24; + -panel-corner-background-color: #0c0d10; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; -panel-corner-opacity: 1; @@ -2015,7 +2232,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #overviewGroup { - background-color: #262933; + background-color: #17181e; } .overview-controls { @@ -2029,13 +2246,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .window-caption { color: #efefef; - background-color: #313441; + background-color: #22242d; border-radius: 3px; padding: 6px 12px; } .window-close, .screenshot-ui-close-button { - background-color: #313441; + background-color: #22242d; color: #efefef; border-radius: 1000px; padding: 3px; @@ -2052,17 +2269,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-close:hover, .screenshot-ui-close-button:hover { - background-color: #52586d; + background-color: #424758; } .window-close:active, .screenshot-ui-close-button:active { color: rgba(239, 239, 239, 0.8); - background-color: #262933; + background-color: #17181e; } .workspace-background { border-radius: 30px; - background-color: #313441; + background-color: #22242d; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); } @@ -2214,7 +2431,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { color: #efefef; - background-color: #313441; + background-color: #22242d; border-radius: 3px; padding: 6px 12px; text-align: center; @@ -2258,7 +2475,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { - color: #fff; + color: #ffffff; } .app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon, @@ -2296,13 +2513,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Folders */ .app-well-app.app-folder { - background-color: #1f222a; + background-color: #101115; border-radius: 3px; } .app-folder-dialog { border-radius: 7.5px; - background-color: rgba(38, 41, 51, 0.9); + background-color: #17181e; padding: 8px !important; } @@ -2312,7 +2529,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* FIXME: this is to keep the label in sync with the entry */ } -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { +.app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { font-size: 18pt; font-weight: 800; } @@ -2320,8 +2538,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; box-shadow: none; - border-radius: 3px; + border-radius: 1000px; border: 2px solid transparent; + background-color: rgba(247, 247, 247, 0.1); + color: #efefef; } .app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus { @@ -2445,10 +2665,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .page-navigation-arrow { + color: #efefef; +} + +.page-navigation-arrow > StIcon { margin: 6px; + padding: 18px; width: 24px; height: 24px; + border-radius: 1000px; + color: rgba(239, 239, 239, 0.75); +} + +.page-navigation-arrow:insensitive > StIcon { + color: #66686e; + border-color: #14161b; + background-color: #22242d; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.page-navigation-arrow:hover > StIcon { + color: #efefef; + background-color: rgba(67, 69, 76, 0.53); + border-color: #101115; + box-shadow: none; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); +} + +.page-navigation-arrow:active > StIcon { color: #efefef; + background-color: rgba(85, 87, 93, 0.55); + border-color: #101115; + text-shadow: none; + icon-shadow: none; + box-shadow: none; } /* Workspace pager */ @@ -2559,7 +2812,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Workspace animation */ .workspace-animation { - background-color: #262933; + background-color: #17181e; } /* Tiled window previews */ @@ -2619,7 +2872,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6); + box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6) !important; } .keyboard-key:hover, .keyboard-key:checked { @@ -2648,7 +2901,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key { color: #dddddd; - background-color: #353947; + background-color: #262933; border-color: #101115; box-shadow: none; text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -2657,7 +2910,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: #dddddd; - background-color: #3f4350; + background-color: #31343d; border-color: #101115; box-shadow: none; text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -2666,7 +2919,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:active { color: #dddddd; - background-color: #464a56; + background-color: #383b44; border-color: #101115; text-shadow: none; icon-shadow: none; @@ -2711,9 +2964,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-subkeys { color: #efefef; -arrow-border-radius: 5px; - -arrow-background-color: #313441; + -arrow-background-color: #22242d; -arrow-border-width: 1px; - -arrow-border-color: #454a5b; + -arrow-border-color: #353947; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; @@ -2733,7 +2986,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6); + box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6) !important; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { @@ -2773,7 +3026,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Looking Glass */ #LookingGlassDialog { - background-color: #313441; + background-color: #22242d; spacing: 6px; padding: 4px; border: 1px solid rgba(239, 239, 239, 0.2); @@ -2784,7 +3037,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog > #Toolbar { border: none; border-radius: 3px; - background-color: #313441; + background-color: #22242d; } #LookingGlassDialog .labels { @@ -2822,7 +3075,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - background-color: rgba(60, 64, 80, 0.6); + background-color: rgba(44, 48, 59, 0.6); color: #efefef; border-color: rgba(239, 239, 239, 0.2); min-height: 22px; @@ -2884,7 +3137,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-extension { border: 1px solid rgba(13, 13, 13, 0.7); - background-color: #3c4050; + background-color: #2c303b; border-radius: 3px; padding: 4px; } @@ -2898,7 +3151,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #313441; + background: #22242d; border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 3px; padding: 6px; @@ -2918,7 +3171,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog StEntry, .unlock-dialog StEntry { - background-color: #1f222a; + background-color: #101115; color: #dddddd; } @@ -2931,23 +3184,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); - background-color: #1f222a; - border-color: #1f222a; + background-color: #101115; + border-color: #101115; color: #efefef; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { - background-color: #313441; - border-color: #313441; + background-color: #22242d; + border-color: #22242d; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; - background-color: #1b1d24; - border-color: #1b1d24; + background-color: #0c0d10; + border-color: #0c0d10; } .login-dialog .modal-dialog-button:insensitive, @@ -2958,8 +3211,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; text-shadow: none; icon-shadow: none; - border-color: #1b1d24; - background-color: #1b1d24; + border-color: #0c0d10; + background-color: #0c0d10; color: rgba(239, 239, 239, 0.7); } @@ -3022,8 +3275,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 99px; width: 2.18em; height: 2.18em; - border-color: #1f222a; - background-color: #1f222a; + border-color: #101115; + background-color: #101115; } .login-dialog .cancel-button StIcon, @@ -3205,14 +3458,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 6px; border: none; - background-color: rgba(49, 52, 65, 0.3); + background-color: rgba(34, 36, 45, 0.3); color: #efefef; border-radius: 5px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(49, 52, 65, 0.9); + background-color: rgba(34, 36, 45, 0.9); } .unlock-dialog-notification-label { @@ -3222,7 +3475,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notification-count-text { weight: bold; padding: 0 6px; - color: #313441; + color: #22242d; background-color: rgba(239, 239, 239, 0.3); border-radius: 99px; margin-right: 12px; @@ -3234,7 +3487,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background-color: #262933; + background-color: #17181e; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { @@ -3276,8 +3529,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin-bottom: 4em; spacing: 12px; color: #efefef; - background-color: #1b1d24; - border: 1px solid #050607; + background-color: #17181e; + border: 1px solid black; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); } @@ -3405,7 +3658,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screenshot-ui-window-selector { - background-color: #313441; + background-color: #22242d; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { @@ -3464,7 +3717,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .screenshot-ui-tooltip { color: #efefef; - background-color: #313441; + background-color: #22242d; border-radius: 1000px; padding: 6px 12px; text-align: center; @@ -3634,7 +3887,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #dashtodockContainer #dash .dash-background { color: #dddddd; - background-color: rgba(27, 29, 36, 0.9); + background-color: rgba(12, 13, 16, 0.9); } #dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { @@ -3726,7 +3979,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6); + box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6) !important; } .openweather-provider:active { diff --git a/src/gnome-shell/42.0/gnome-shell-dark-pueril.css b/src/gnome-shell/42.0/gnome-shell-dark-pueril.css index 2a2a6900..f6596c27 100644 --- a/src/gnome-shell/42.0/gnome-shell-dark-pueril.css +++ b/src/gnome-shell/42.0/gnome-shell-dark-pueril.css @@ -32,7 +32,7 @@ stage { .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 12px; } @@ -57,12 +57,12 @@ stage { border: 1px solid rgba(0, 0, 0, 0.75); } -.button { +.quick-settings-system-item .icon-button, .button { border-radius: 3px; border-style: solid; border-width: 1px; - min-height: 22px; - padding: 3px 24px; + min-height: 20px; + padding: 6px 12px; color: #dddddd; background-color: #222222; border-color: #151515; @@ -71,14 +71,14 @@ stage { icon-shadow: 0 1px rgba(0, 0, 0, 0.2); } -.button:focus { +.quick-settings-system-item .icon-button:focus, .button:focus { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6); + box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6) !important; } -.button:hover { +.quick-settings-system-item .icon-button:hover, .button:hover { color: #dddddd; background-color: #2d2d2d; border-color: #151515; @@ -87,7 +87,7 @@ stage { icon-shadow: 0 1px rgba(0, 0, 0, 0.2); } -.button:insensitive { +.quick-settings-system-item .icon-button:insensitive, .button:insensitive { color: #6c6c6c; border-color: #1a1a1a; background-color: #2a2a2a; @@ -96,7 +96,7 @@ stage { icon-shadow: none; } -.button:active { +.quick-settings-system-item .icon-button:active, .button:active { color: #dddddd; background-color: #353535; border-color: #151515; @@ -179,7 +179,7 @@ stage { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6); + box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6) !important; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { @@ -316,9 +316,9 @@ StEntry StLabel.hint-text { /* Slider */ .slider { - height: 15px; + height: 16px; color: #7ea951; - -barlevel-height: 3px; + -barlevel-height: 4px; -barlevel-background-color: #151515; -barlevel-border-width: 0; -barlevel-border-color: #151515; @@ -327,7 +327,7 @@ StEntry StLabel.hint-text { -barlevel-overdrive-color: #b2161d; -barlevel-overdrive-border-color: #bc171e; -barlevel-overdrive-separator-width: 1px; - -slider-handle-radius: 7.5px; + -slider-handle-radius: 8px; -slider-handle-border-width: 0; -slider-handle-border-color: #dddddd; } @@ -787,17 +787,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-day-base { font-size: 9pt; text-align: center; - width: 32px; - height: 32px; + width: 32px !important; + height: 32px !important; padding: 0; - margin: 0 2px; - border-radius: 100%; + margin: 3px; + border-radius: 1000px; border: none; font-feature-settings: "tnum"; } .calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus { background-color: rgba(221, 221, 221, 0.1); + box-shadow: none; } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { @@ -865,12 +866,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; - height: 1.8em; - width: 2.3em; - border-radius: 2px; - margin: 6px; - background-color: #2a2a2a; - color: #eaeaea; + height: 12px !important; + width: 12px !important; + padding: 8px; + margin: 5px 3px; + border-radius: 3px; + background-color: rgba(221, 221, 221, 0.05); + color: #aaaaaa; } /* Events */ @@ -1362,6 +1364,221 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 1em; } +.quick-settings { + padding: 12px !important; + border-radius: 5px !important; + margin-top: 6px !important; +} + +.quick-settings .icon-button, .quick-settings .button { + min-height: 20px; + min-width: 20px; + padding: 10.5px; +} + +.quick-settings .icon-button { + border-radius: 1000px; + border: none; +} + +.quick-settings-grid { + spacing-rows: 12px; + spacing-columns: 12px; +} + +.quick-toggle { + border-radius: 3px; + min-width: 12em; + max-width: 12em; + min-height: 40px; + border: none; + background-color: rgba(221, 221, 221, 0.06) !important; + color: #aaaaaa; + text-shadow: none !important; + /* Move padding into the box; this is to allow menu arrows + to extend to the border */ +} + +.quick-toggle:hover { + background-color: rgba(221, 221, 221, 0.12) !important; + color: #dddddd; +} + +.quick-toggle:active { + background-color: rgba(221, 221, 221, 0.18) !important; + color: #dddddd; +} + +.quick-toggle:checked { + background-color: #7ea951 !important; + color: #ffffff; + text-shadow: none !important; +} + +.quick-toggle:checked:hover { + background-color: #8ab361 !important; + color: #ffffff; + text-shadow: none !important; +} + +.quick-toggle:checked:active { + background-color: #719749 !important; + color: #ffffff; +} + +.quick-toggle > StBoxLayout { + spacing: 6px; +} + +.quick-toggle.button { + padding: 0; + min-height: 40px; +} + +.quick-toggle > StBoxLayout { + padding: 0 12px; +} + +.quick-toggle:ltr > StBoxLayout { + padding-left: 15px; +} + +.quick-toggle:rtl > StBoxLayout { + padding-right: 15px; +} + +.quick-toggle .quick-toggle-label { + font-weight: bold; +} + +.quick-toggle .quick-toggle-icon, .quick-toggle .quick-toggle-arrow { + icon-size: 16px; +} + +.quick-menu-toggle:ltr > StBoxLayout { + padding-right: 0; +} + +.quick-menu-toggle:rtl > StBoxLayout { + padding-left: 0; +} + +.quick-menu-toggle .quick-toggle-arrow { + background-color: rgba(221, 221, 221, 0.06) !important; + padding: 6px 10.5px; +} + +.quick-menu-toggle .quick-toggle-arrow:active, .quick-menu-toggle .quick-toggle-arrow:checked { + background-color: rgba(221, 221, 221, 0.12) !important; +} + +.quick-menu-toggle .quick-toggle-arrow:ltr { + border-radius: 0 3px 3px 0; +} + +.quick-menu-toggle .quick-toggle-arrow:rtl { + border-radius: 3px 0 0 3px; +} + +.quick-slider { + padding: 0 6px; +} + +.quick-slider > StBoxLayout { + spacing: 6px; +} + +.quick-slider .slider-bin { + min-height: 16px; + padding: 6px; + border-radius: 16px; +} + +.quick-slider .slider-bin:focus { + color: #dddddd; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6) !important; +} + +.quick-slider .quick-toggle-icon { + icon-size: 16px; +} + +.quick-slider .icon-button { + background-color: transparent; + color: #dddddd !important; +} + +.quick-slider .icon-button:hover { + background-color: rgba(221, 221, 221, 0.06); +} + +.quick-slider .icon-button:active { + background-color: rgba(221, 221, 221, 0.12); +} + +.quick-toggle-menu { + background-color: #222222 !important; + color: #dddddd !important; + border-radius: 5px !important; + padding: 12px 0 !important; + margin: 12px 19px 0 !important; +} + +.quick-toggle-menu .popup-menu-item { + border-radius: 0 !important; +} + +.quick-toggle-menu .popup-menu-item > StIcon { + -st-icon-style: symbolic; +} + +.quick-toggle-menu .header { + spacing-rows: 3px; + spacing-columns: 12px; + padding: 0 12px 12px !important; +} + +.quick-toggle-menu .header .icon { + icon-size: 24px; + border-radius: 1000px; + padding: 9px; + background-color: rgba(221, 221, 221, 0.12) !important; +} + +.quick-toggle-menu .header .icon.active { + background-color: #7ea951 !important; + color: #ffffff; +} + +.quick-settings-system-item > StBoxLayout { + spacing: 12px; +} + +.quick-settings-system-item .icon-button > StIcon { + -st-icon-style: symbolic; +} + +.quick-settings-system-item .power-item { + min-height: 0; + min-width: 0; +} + +.quick-settings-system-item .power-item:insensitive { + color: #dddddd; + background-color: #222222; + border-color: #151515; + box-shadow: none; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); + background-color: transparent; +} + +.nm-network-item .wireless-secure-icon { + icon-size: 8px; +} + /* Notifications & Message Tray */ .notification-banner { min-height: 64px; @@ -1884,7 +2101,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Top Bar */ #panel { - background-color: #222222; + background-color: #101010; font-weight: bold; height: 2.2em; font-feature-settings: "tnum"; @@ -1902,7 +2119,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #222222; + -panel-corner-background-color: #101010; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; -panel-corner-opacity: 1; @@ -2015,7 +2232,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #overviewGroup { - background-color: #2f2f2f; + background-color: #1d1d1d; } .overview-controls { @@ -2029,13 +2246,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .window-caption { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 6px 12px; } .window-close, .screenshot-ui-close-button { - background-color: #3c3c3c; + background-color: #2a2a2a; color: #efefef; border-radius: 1000px; padding: 3px; @@ -2052,17 +2269,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-close:hover, .screenshot-ui-close-button:hover { - background-color: #626262; + background-color: #505050; } .window-close:active, .screenshot-ui-close-button:active { color: rgba(239, 239, 239, 0.8); - background-color: #2f2f2f; + background-color: #1d1d1d; } .workspace-background { border-radius: 30px; - background-color: #3c3c3c; + background-color: #2a2a2a; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); } @@ -2214,7 +2431,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 6px 12px; text-align: center; @@ -2258,7 +2475,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { - color: #fff; + color: #ffffff; } .app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon, @@ -2296,13 +2513,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Folders */ .app-well-app.app-folder { - background-color: #272727; + background-color: #151515; border-radius: 3px; } .app-folder-dialog { border-radius: 7.5px; - background-color: rgba(47, 47, 47, 0.9); + background-color: #1d1d1d; padding: 8px !important; } @@ -2312,7 +2529,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* FIXME: this is to keep the label in sync with the entry */ } -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { +.app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { font-size: 18pt; font-weight: 800; } @@ -2320,8 +2538,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; box-shadow: none; - border-radius: 3px; + border-radius: 1000px; border: 2px solid transparent; + background-color: rgba(247, 247, 247, 0.1); + color: #efefef; } .app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus { @@ -2445,10 +2665,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .page-navigation-arrow { + color: #efefef; +} + +.page-navigation-arrow > StIcon { margin: 6px; + padding: 18px; width: 24px; height: 24px; + border-radius: 1000px; + color: rgba(239, 239, 239, 0.75); +} + +.page-navigation-arrow:insensitive > StIcon { + color: #6c6c6c; + border-color: #1a1a1a; + background-color: #2a2a2a; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.page-navigation-arrow:hover > StIcon { color: #efefef; + background-color: rgba(73, 73, 73, 0.53); + border-color: #151515; + box-shadow: none; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); +} + +.page-navigation-arrow:active > StIcon { + color: #efefef; + background-color: rgba(91, 91, 91, 0.55); + border-color: #151515; + text-shadow: none; + icon-shadow: none; + box-shadow: none; } /* Workspace pager */ @@ -2559,7 +2812,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Workspace animation */ .workspace-animation { - background-color: #2f2f2f; + background-color: #1d1d1d; } /* Tiled window previews */ @@ -2619,7 +2872,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6); + box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6) !important; } .keyboard-key:hover, .keyboard-key:checked { @@ -2648,7 +2901,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key { color: #dddddd; - background-color: #414141; + background-color: #2f2f2f; border-color: #151515; box-shadow: none; text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -2657,7 +2910,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: #dddddd; - background-color: #4a4a4a; + background-color: #393939; border-color: #151515; box-shadow: none; text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -2666,7 +2919,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:active { color: #dddddd; - background-color: #505050; + background-color: #404040; border-color: #151515; text-shadow: none; icon-shadow: none; @@ -2711,9 +2964,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-subkeys { color: #efefef; -arrow-border-radius: 5px; - -arrow-background-color: #3c3c3c; + -arrow-background-color: #2a2a2a; -arrow-border-width: 1px; - -arrow-border-color: #525252; + -arrow-border-color: #414141; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; @@ -2733,7 +2986,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6); + box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6) !important; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { @@ -2773,7 +3026,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Looking Glass */ #LookingGlassDialog { - background-color: #3c3c3c; + background-color: #2a2a2a; spacing: 6px; padding: 4px; border: 1px solid rgba(239, 239, 239, 0.2); @@ -2784,7 +3037,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog > #Toolbar { border: none; border-radius: 3px; - background-color: #3c3c3c; + background-color: #2a2a2a; } #LookingGlassDialog .labels { @@ -2822,7 +3075,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - background-color: rgba(72, 72, 72, 0.6); + background-color: rgba(54, 54, 54, 0.6); color: #efefef; border-color: rgba(239, 239, 239, 0.2); min-height: 22px; @@ -2884,7 +3137,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-extension { border: 1px solid rgba(13, 13, 13, 0.7); - background-color: #484848; + background-color: #363636; border-radius: 3px; padding: 4px; } @@ -2898,7 +3151,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #3c3c3c; + background: #2a2a2a; border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 3px; padding: 6px; @@ -2918,7 +3171,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog StEntry, .unlock-dialog StEntry { - background-color: #272727; + background-color: #151515; color: #dddddd; } @@ -2931,23 +3184,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); - background-color: #272727; - border-color: #272727; + background-color: #151515; + border-color: #151515; color: #efefef; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { - background-color: #3c3c3c; - border-color: #3c3c3c; + background-color: #2a2a2a; + border-color: #2a2a2a; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; - background-color: #222222; - border-color: #222222; + background-color: #101010; + border-color: #101010; } .login-dialog .modal-dialog-button:insensitive, @@ -2958,8 +3211,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; text-shadow: none; icon-shadow: none; - border-color: #222222; - background-color: #222222; + border-color: #101010; + background-color: #101010; color: rgba(239, 239, 239, 0.7); } @@ -3022,8 +3275,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 99px; width: 2.18em; height: 2.18em; - border-color: #272727; - background-color: #272727; + border-color: #151515; + background-color: #151515; } .login-dialog .cancel-button StIcon, @@ -3205,14 +3458,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 6px; border: none; - background-color: rgba(60, 60, 60, 0.3); + background-color: rgba(42, 42, 42, 0.3); color: #efefef; border-radius: 5px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(60, 60, 60, 0.9); + background-color: rgba(42, 42, 42, 0.9); } .unlock-dialog-notification-label { @@ -3222,7 +3475,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notification-count-text { weight: bold; padding: 0 6px; - color: #3c3c3c; + color: #2a2a2a; background-color: rgba(239, 239, 239, 0.3); border-radius: 99px; margin-right: 12px; @@ -3234,7 +3487,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background-color: #2f2f2f; + background-color: #1d1d1d; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { @@ -3276,8 +3529,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin-bottom: 4em; spacing: 12px; color: #efefef; - background-color: #222222; - border: 1px solid #090909; + background-color: #1d1d1d; + border: 1px solid black; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); } @@ -3405,7 +3658,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screenshot-ui-window-selector { - background-color: #3c3c3c; + background-color: #2a2a2a; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { @@ -3464,7 +3717,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .screenshot-ui-tooltip { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 1000px; padding: 6px 12px; text-align: center; @@ -3634,7 +3887,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #dashtodockContainer #dash .dash-background { color: #dddddd; - background-color: rgba(34, 34, 34, 0.9); + background-color: rgba(16, 16, 16, 0.9); } #dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { @@ -3726,7 +3979,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6); + box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6) !important; } .openweather-provider:active { diff --git a/src/gnome-shell/42.0/gnome-shell-dark-sea.css b/src/gnome-shell/42.0/gnome-shell-dark-sea.css index 5124245c..acc93d0f 100644 --- a/src/gnome-shell/42.0/gnome-shell-dark-sea.css +++ b/src/gnome-shell/42.0/gnome-shell-dark-sea.css @@ -32,7 +32,7 @@ stage { .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { color: #efefef; - background-color: #313e41; + background-color: #222a2d; border-radius: 3px; padding: 12px; } @@ -57,12 +57,12 @@ stage { border: 1px solid rgba(0, 0, 0, 0.75); } -.button { +.quick-settings-system-item .icon-button, .button { border-radius: 3px; border-style: solid; border-width: 1px; - min-height: 22px; - padding: 3px 24px; + min-height: 20px; + padding: 6px 12px; color: #dddddd; background-color: #1b2224; border-color: #101415; @@ -71,14 +71,14 @@ stage { icon-shadow: 0 1px rgba(0, 0, 0, 0.2); } -.button:focus { +.quick-settings-system-item .icon-button:focus, .button:focus { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6); + box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6) !important; } -.button:hover { +.quick-settings-system-item .icon-button:hover, .button:hover { color: #dddddd; background-color: #272d2f; border-color: #101415; @@ -87,7 +87,7 @@ stage { icon-shadow: 0 1px rgba(0, 0, 0, 0.2); } -.button:insensitive { +.quick-settings-system-item .icon-button:insensitive, .button:insensitive { color: #666c6e; border-color: #141a1b; background-color: #222a2d; @@ -96,7 +96,7 @@ stage { icon-shadow: none; } -.button:active { +.quick-settings-system-item .icon-button:active, .button:active { color: #dddddd; background-color: #2e3537; border-color: #101415; @@ -179,7 +179,7 @@ stage { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6); + box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6) !important; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { @@ -316,9 +316,9 @@ StEntry StLabel.hint-text { /* Slider */ .slider { - height: 15px; + height: 16px; color: #248a76; - -barlevel-height: 3px; + -barlevel-height: 4px; -barlevel-background-color: #101415; -barlevel-border-width: 0; -barlevel-border-color: #101415; @@ -327,7 +327,7 @@ StEntry StLabel.hint-text { -barlevel-overdrive-color: #b2161d; -barlevel-overdrive-border-color: #bc171e; -barlevel-overdrive-separator-width: 1px; - -slider-handle-radius: 7.5px; + -slider-handle-radius: 8px; -slider-handle-border-width: 0; -slider-handle-border-color: #dddddd; } @@ -787,17 +787,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-day-base { font-size: 9pt; text-align: center; - width: 32px; - height: 32px; + width: 32px !important; + height: 32px !important; padding: 0; - margin: 0 2px; - border-radius: 100%; + margin: 3px; + border-radius: 1000px; border: none; font-feature-settings: "tnum"; } .calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus { background-color: rgba(221, 221, 221, 0.1); + box-shadow: none; } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { @@ -865,12 +866,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; - height: 1.8em; - width: 2.3em; - border-radius: 2px; - margin: 6px; - background-color: #222a2d; - color: #eaeaea; + height: 12px !important; + width: 12px !important; + padding: 8px; + margin: 5px 3px; + border-radius: 3px; + background-color: rgba(221, 221, 221, 0.05); + color: #aaaaaa; } /* Events */ @@ -1362,6 +1364,221 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 1em; } +.quick-settings { + padding: 12px !important; + border-radius: 5px !important; + margin-top: 6px !important; +} + +.quick-settings .icon-button, .quick-settings .button { + min-height: 20px; + min-width: 20px; + padding: 10.5px; +} + +.quick-settings .icon-button { + border-radius: 1000px; + border: none; +} + +.quick-settings-grid { + spacing-rows: 12px; + spacing-columns: 12px; +} + +.quick-toggle { + border-radius: 3px; + min-width: 12em; + max-width: 12em; + min-height: 40px; + border: none; + background-color: rgba(221, 221, 221, 0.06) !important; + color: #aaaaaa; + text-shadow: none !important; + /* Move padding into the box; this is to allow menu arrows + to extend to the border */ +} + +.quick-toggle:hover { + background-color: rgba(221, 221, 221, 0.12) !important; + color: #dddddd; +} + +.quick-toggle:active { + background-color: rgba(221, 221, 221, 0.18) !important; + color: #dddddd; +} + +.quick-toggle:checked { + background-color: #248a76 !important; + color: #ffffff; + text-shadow: none !important; +} + +.quick-toggle:checked:hover { + background-color: #299f87 !important; + color: #ffffff; + text-shadow: none !important; +} + +.quick-toggle:checked:active { + background-color: #1e7664 !important; + color: #ffffff; +} + +.quick-toggle > StBoxLayout { + spacing: 6px; +} + +.quick-toggle.button { + padding: 0; + min-height: 40px; +} + +.quick-toggle > StBoxLayout { + padding: 0 12px; +} + +.quick-toggle:ltr > StBoxLayout { + padding-left: 15px; +} + +.quick-toggle:rtl > StBoxLayout { + padding-right: 15px; +} + +.quick-toggle .quick-toggle-label { + font-weight: bold; +} + +.quick-toggle .quick-toggle-icon, .quick-toggle .quick-toggle-arrow { + icon-size: 16px; +} + +.quick-menu-toggle:ltr > StBoxLayout { + padding-right: 0; +} + +.quick-menu-toggle:rtl > StBoxLayout { + padding-left: 0; +} + +.quick-menu-toggle .quick-toggle-arrow { + background-color: rgba(221, 221, 221, 0.06) !important; + padding: 6px 10.5px; +} + +.quick-menu-toggle .quick-toggle-arrow:active, .quick-menu-toggle .quick-toggle-arrow:checked { + background-color: rgba(221, 221, 221, 0.12) !important; +} + +.quick-menu-toggle .quick-toggle-arrow:ltr { + border-radius: 0 3px 3px 0; +} + +.quick-menu-toggle .quick-toggle-arrow:rtl { + border-radius: 3px 0 0 3px; +} + +.quick-slider { + padding: 0 6px; +} + +.quick-slider > StBoxLayout { + spacing: 6px; +} + +.quick-slider .slider-bin { + min-height: 16px; + padding: 6px; + border-radius: 16px; +} + +.quick-slider .slider-bin:focus { + color: #dddddd; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6) !important; +} + +.quick-slider .quick-toggle-icon { + icon-size: 16px; +} + +.quick-slider .icon-button { + background-color: transparent; + color: #dddddd !important; +} + +.quick-slider .icon-button:hover { + background-color: rgba(221, 221, 221, 0.06); +} + +.quick-slider .icon-button:active { + background-color: rgba(221, 221, 221, 0.12); +} + +.quick-toggle-menu { + background-color: #1b2224 !important; + color: #dddddd !important; + border-radius: 5px !important; + padding: 12px 0 !important; + margin: 12px 19px 0 !important; +} + +.quick-toggle-menu .popup-menu-item { + border-radius: 0 !important; +} + +.quick-toggle-menu .popup-menu-item > StIcon { + -st-icon-style: symbolic; +} + +.quick-toggle-menu .header { + spacing-rows: 3px; + spacing-columns: 12px; + padding: 0 12px 12px !important; +} + +.quick-toggle-menu .header .icon { + icon-size: 24px; + border-radius: 1000px; + padding: 9px; + background-color: rgba(221, 221, 221, 0.12) !important; +} + +.quick-toggle-menu .header .icon.active { + background-color: #248a76 !important; + color: #ffffff; +} + +.quick-settings-system-item > StBoxLayout { + spacing: 12px; +} + +.quick-settings-system-item .icon-button > StIcon { + -st-icon-style: symbolic; +} + +.quick-settings-system-item .power-item { + min-height: 0; + min-width: 0; +} + +.quick-settings-system-item .power-item:insensitive { + color: #dddddd; + background-color: #1b2224; + border-color: #101415; + box-shadow: none; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); + background-color: transparent; +} + +.nm-network-item .wireless-secure-icon { + icon-size: 8px; +} + /* Notifications & Message Tray */ .notification-banner { min-height: 64px; @@ -1884,7 +2101,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Top Bar */ #panel { - background-color: #1b2224; + background-color: #0c0f10; font-weight: bold; height: 2.2em; font-feature-settings: "tnum"; @@ -1902,7 +2119,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #1b2224; + -panel-corner-background-color: #0c0f10; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; -panel-corner-opacity: 1; @@ -2015,7 +2232,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #overviewGroup { - background-color: #263033; + background-color: #171c1e; } .overview-controls { @@ -2029,13 +2246,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .window-caption { color: #efefef; - background-color: #313e41; + background-color: #222a2d; border-radius: 3px; padding: 6px 12px; } .window-close, .screenshot-ui-close-button { - background-color: #313e41; + background-color: #222a2d; color: #efefef; border-radius: 1000px; padding: 3px; @@ -2052,17 +2269,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-close:hover, .screenshot-ui-close-button:hover { - background-color: #52676d; + background-color: #425458; } .window-close:active, .screenshot-ui-close-button:active { color: rgba(239, 239, 239, 0.8); - background-color: #263033; + background-color: #171c1e; } .workspace-background { border-radius: 30px; - background-color: #313e41; + background-color: #222a2d; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); } @@ -2214,7 +2431,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { color: #efefef; - background-color: #313e41; + background-color: #222a2d; border-radius: 3px; padding: 6px 12px; text-align: center; @@ -2258,7 +2475,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { - color: #fff; + color: #ffffff; } .app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon, @@ -2296,13 +2513,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Folders */ .app-well-app.app-folder { - background-color: #1f282a; + background-color: #101415; border-radius: 3px; } .app-folder-dialog { border-radius: 7.5px; - background-color: rgba(38, 48, 51, 0.9); + background-color: #171c1e; padding: 8px !important; } @@ -2312,7 +2529,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* FIXME: this is to keep the label in sync with the entry */ } -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { +.app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { font-size: 18pt; font-weight: 800; } @@ -2320,8 +2538,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; box-shadow: none; - border-radius: 3px; + border-radius: 1000px; border: 2px solid transparent; + background-color: rgba(247, 247, 247, 0.1); + color: #efefef; } .app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus { @@ -2445,10 +2665,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .page-navigation-arrow { + color: #efefef; +} + +.page-navigation-arrow > StIcon { margin: 6px; + padding: 18px; width: 24px; height: 24px; + border-radius: 1000px; + color: rgba(239, 239, 239, 0.75); +} + +.page-navigation-arrow:insensitive > StIcon { + color: #666c6e; + border-color: #141a1b; + background-color: #222a2d; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.page-navigation-arrow:hover > StIcon { + color: #efefef; + background-color: rgba(67, 74, 76, 0.53); + border-color: #101415; + box-shadow: none; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); +} + +.page-navigation-arrow:active > StIcon { color: #efefef; + background-color: rgba(85, 91, 93, 0.55); + border-color: #101415; + text-shadow: none; + icon-shadow: none; + box-shadow: none; } /* Workspace pager */ @@ -2559,7 +2812,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Workspace animation */ .workspace-animation { - background-color: #263033; + background-color: #171c1e; } /* Tiled window previews */ @@ -2619,7 +2872,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6); + box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6) !important; } .keyboard-key:hover, .keyboard-key:checked { @@ -2648,7 +2901,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key { color: #dddddd; - background-color: #354347; + background-color: #263033; border-color: #101415; box-shadow: none; text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -2657,7 +2910,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: #dddddd; - background-color: #3f4c50; + background-color: #313a3d; border-color: #101415; box-shadow: none; text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -2666,7 +2919,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:active { color: #dddddd; - background-color: #465256; + background-color: #384144; border-color: #101415; text-shadow: none; icon-shadow: none; @@ -2711,9 +2964,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-subkeys { color: #efefef; -arrow-border-radius: 5px; - -arrow-background-color: #313e41; + -arrow-background-color: #222a2d; -arrow-border-width: 1px; - -arrow-border-color: #45565b; + -arrow-border-color: #354347; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; @@ -2733,7 +2986,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6); + box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6) !important; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { @@ -2773,7 +3026,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Looking Glass */ #LookingGlassDialog { - background-color: #313e41; + background-color: #222a2d; spacing: 6px; padding: 4px; border: 1px solid rgba(239, 239, 239, 0.2); @@ -2784,7 +3037,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog > #Toolbar { border: none; border-radius: 3px; - background-color: #313e41; + background-color: #222a2d; } #LookingGlassDialog .labels { @@ -2822,7 +3075,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - background-color: rgba(60, 75, 80, 0.6); + background-color: rgba(44, 56, 59, 0.6); color: #efefef; border-color: rgba(239, 239, 239, 0.2); min-height: 22px; @@ -2884,7 +3137,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-extension { border: 1px solid rgba(13, 13, 13, 0.7); - background-color: #3c4b50; + background-color: #2c383b; border-radius: 3px; padding: 4px; } @@ -2898,7 +3151,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #313e41; + background: #222a2d; border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 3px; padding: 6px; @@ -2918,7 +3171,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog StEntry, .unlock-dialog StEntry { - background-color: #1f282a; + background-color: #101415; color: #dddddd; } @@ -2931,23 +3184,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); - background-color: #1f282a; - border-color: #1f282a; + background-color: #101415; + border-color: #101415; color: #efefef; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { - background-color: #313e41; - border-color: #313e41; + background-color: #222a2d; + border-color: #222a2d; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; - background-color: #1b2224; - border-color: #1b2224; + background-color: #0c0f10; + border-color: #0c0f10; } .login-dialog .modal-dialog-button:insensitive, @@ -2958,8 +3211,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; text-shadow: none; icon-shadow: none; - border-color: #1b2224; - background-color: #1b2224; + border-color: #0c0f10; + background-color: #0c0f10; color: rgba(239, 239, 239, 0.7); } @@ -3022,8 +3275,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 99px; width: 2.18em; height: 2.18em; - border-color: #1f282a; - background-color: #1f282a; + border-color: #101415; + background-color: #101415; } .login-dialog .cancel-button StIcon, @@ -3205,14 +3458,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 6px; border: none; - background-color: rgba(49, 62, 65, 0.3); + background-color: rgba(34, 42, 45, 0.3); color: #efefef; border-radius: 5px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(49, 62, 65, 0.9); + background-color: rgba(34, 42, 45, 0.9); } .unlock-dialog-notification-label { @@ -3222,7 +3475,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notification-count-text { weight: bold; padding: 0 6px; - color: #313e41; + color: #222a2d; background-color: rgba(239, 239, 239, 0.3); border-radius: 99px; margin-right: 12px; @@ -3234,7 +3487,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background-color: #263033; + background-color: #171c1e; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { @@ -3276,8 +3529,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin-bottom: 4em; spacing: 12px; color: #efefef; - background-color: #1b2224; - border: 1px solid #050607; + background-color: #171c1e; + border: 1px solid black; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); } @@ -3405,7 +3658,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screenshot-ui-window-selector { - background-color: #313e41; + background-color: #222a2d; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { @@ -3464,7 +3717,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .screenshot-ui-tooltip { color: #efefef; - background-color: #313e41; + background-color: #222a2d; border-radius: 1000px; padding: 6px 12px; text-align: center; @@ -3634,7 +3887,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #dashtodockContainer #dash .dash-background { color: #dddddd; - background-color: rgba(27, 34, 36, 0.9); + background-color: rgba(12, 15, 16, 0.9); } #dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { @@ -3726,7 +3979,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #dddddd; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6); + box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6) !important; } .openweather-provider:active { diff --git a/src/gnome-shell/42.0/gnome-shell-pueril.css b/src/gnome-shell/42.0/gnome-shell-pueril.css index 698ea5c7..f1c76742 100644 --- a/src/gnome-shell/42.0/gnome-shell-pueril.css +++ b/src/gnome-shell/42.0/gnome-shell-pueril.css @@ -32,7 +32,7 @@ stage { .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 12px; } @@ -57,12 +57,12 @@ stage { border: 1px solid rgba(0, 0, 0, 0.6); } -.button { +.quick-settings-system-item .icon-button, .button { border-radius: 3px; border-style: solid; border-width: 1px; - min-height: 22px; - padding: 3px 24px; + min-height: 20px; + padding: 6px 12px; color: #363636; background-color: #ffffff; border-color: #cfcfcf; @@ -71,14 +71,14 @@ stage { icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } -.button:focus { +.quick-settings-system-item .icon-button:focus, .button:focus { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6); + box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6) !important; } -.button:hover { +.quick-settings-system-item .icon-button:hover, .button:hover { color: #363636; background-color: #ebebeb; border-color: #cfcfcf; @@ -87,7 +87,7 @@ stage { icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } -.button:insensitive { +.quick-settings-system-item .icon-button:insensitive, .button:insensitive { color: #b2b2b2; border-color: #e2e2e2; background-color: #f9f9f9; @@ -96,7 +96,7 @@ stage { icon-shadow: none; } -.button:active { +.quick-settings-system-item .icon-button:active, .button:active { color: #363636; background-color: #e1e1e1; border-color: #cfcfcf; @@ -179,7 +179,7 @@ stage { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6); + box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6) !important; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { @@ -316,9 +316,9 @@ StEntry StLabel.hint-text { /* Slider */ .slider { - height: 15px; + height: 16px; color: #97BB72; - -barlevel-height: 3px; + -barlevel-height: 4px; -barlevel-background-color: #cfcfcf; -barlevel-border-width: 0; -barlevel-border-color: #cfcfcf; @@ -327,7 +327,7 @@ StEntry StLabel.hint-text { -barlevel-overdrive-color: #e01b24; -barlevel-overdrive-border-color: #ce1921; -barlevel-overdrive-separator-width: 1px; - -slider-handle-radius: 7.5px; + -slider-handle-radius: 8px; -slider-handle-border-width: 0; -slider-handle-border-color: #cfcfcf; } @@ -787,17 +787,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-day-base { font-size: 9pt; text-align: center; - width: 32px; - height: 32px; + width: 32px !important; + height: 32px !important; padding: 0; - margin: 0 2px; - border-radius: 100%; + margin: 3px; + border-radius: 1000px; border: none; font-feature-settings: "tnum"; } .calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus { background-color: rgba(54, 54, 54, 0.1); + box-shadow: none; } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { @@ -865,12 +866,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; - height: 1.8em; - width: 2.3em; - border-radius: 2px; - margin: 6px; - background-color: #f0f0f0; - color: #434343; + height: 12px !important; + width: 12px !important; + padding: 8px; + margin: 5px 3px; + border-radius: 3px; + background-color: rgba(54, 54, 54, 0.05); + color: #555555; } /* Events */ @@ -1362,6 +1364,221 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 1em; } +.quick-settings { + padding: 12px !important; + border-radius: 5px !important; + margin-top: 6px !important; +} + +.quick-settings .icon-button, .quick-settings .button { + min-height: 20px; + min-width: 20px; + padding: 10.5px; +} + +.quick-settings .icon-button { + border-radius: 1000px; + border: none; +} + +.quick-settings-grid { + spacing-rows: 12px; + spacing-columns: 12px; +} + +.quick-toggle { + border-radius: 3px; + min-width: 12em; + max-width: 12em; + min-height: 40px; + border: none; + background-color: rgba(54, 54, 54, 0.08) !important; + color: #555555; + text-shadow: none !important; + /* Move padding into the box; this is to allow menu arrows + to extend to the border */ +} + +.quick-toggle:hover { + background-color: rgba(54, 54, 54, 0.16) !important; + color: #363636; +} + +.quick-toggle:active { + background-color: rgba(54, 54, 54, 0.24) !important; + color: #363636; +} + +.quick-toggle:checked { + background-color: #97BB72 !important; + color: #ffffff; + text-shadow: none !important; +} + +.quick-toggle:checked:hover { + background-color: #a4c383 !important; + color: #ffffff; + text-shadow: none !important; +} + +.quick-toggle:checked:active { + background-color: #8ab361 !important; + color: #ffffff; +} + +.quick-toggle > StBoxLayout { + spacing: 6px; +} + +.quick-toggle.button { + padding: 0; + min-height: 40px; +} + +.quick-toggle > StBoxLayout { + padding: 0 12px; +} + +.quick-toggle:ltr > StBoxLayout { + padding-left: 15px; +} + +.quick-toggle:rtl > StBoxLayout { + padding-right: 15px; +} + +.quick-toggle .quick-toggle-label { + font-weight: bold; +} + +.quick-toggle .quick-toggle-icon, .quick-toggle .quick-toggle-arrow { + icon-size: 16px; +} + +.quick-menu-toggle:ltr > StBoxLayout { + padding-right: 0; +} + +.quick-menu-toggle:rtl > StBoxLayout { + padding-left: 0; +} + +.quick-menu-toggle .quick-toggle-arrow { + background-color: rgba(54, 54, 54, 0.06) !important; + padding: 6px 10.5px; +} + +.quick-menu-toggle .quick-toggle-arrow:active, .quick-menu-toggle .quick-toggle-arrow:checked { + background-color: rgba(54, 54, 54, 0.12) !important; +} + +.quick-menu-toggle .quick-toggle-arrow:ltr { + border-radius: 0 3px 3px 0; +} + +.quick-menu-toggle .quick-toggle-arrow:rtl { + border-radius: 3px 0 0 3px; +} + +.quick-slider { + padding: 0 6px; +} + +.quick-slider > StBoxLayout { + spacing: 6px; +} + +.quick-slider .slider-bin { + min-height: 16px; + padding: 6px; + border-radius: 16px; +} + +.quick-slider .slider-bin:focus { + color: #363636; + text-shadow: 0 1px rgba(255, 255, 255, 0.3); + icon-shadow: 0 1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6) !important; +} + +.quick-slider .quick-toggle-icon { + icon-size: 16px; +} + +.quick-slider .icon-button { + background-color: transparent; + color: #363636 !important; +} + +.quick-slider .icon-button:hover { + background-color: rgba(54, 54, 54, 0.06); +} + +.quick-slider .icon-button:active { + background-color: rgba(54, 54, 54, 0.12); +} + +.quick-toggle-menu { + background-color: #ffffff !important; + color: #363636 !important; + border-radius: 5px !important; + padding: 12px 0 !important; + margin: 12px 19px 0 !important; +} + +.quick-toggle-menu .popup-menu-item { + border-radius: 0 !important; +} + +.quick-toggle-menu .popup-menu-item > StIcon { + -st-icon-style: symbolic; +} + +.quick-toggle-menu .header { + spacing-rows: 3px; + spacing-columns: 12px; + padding: 0 12px 12px !important; +} + +.quick-toggle-menu .header .icon { + icon-size: 24px; + border-radius: 1000px; + padding: 9px; + background-color: rgba(54, 54, 54, 0.12) !important; +} + +.quick-toggle-menu .header .icon.active { + background-color: #97BB72 !important; + color: #ffffff; +} + +.quick-settings-system-item > StBoxLayout { + spacing: 12px; +} + +.quick-settings-system-item .icon-button > StIcon { + -st-icon-style: symbolic; +} + +.quick-settings-system-item .power-item { + min-height: 0; + min-width: 0; +} + +.quick-settings-system-item .power-item:insensitive { + color: #363636; + background-color: #ffffff; + border-color: #cfcfcf; + box-shadow: none; + text-shadow: 0 1px rgba(255, 255, 255, 0.3); + icon-shadow: 0 1px rgba(255, 255, 255, 0.3); + background-color: transparent; +} + +.nm-network-item .wireless-secure-icon { + icon-size: 8px; +} + /* Notifications & Message Tray */ .notification-banner { min-height: 64px; @@ -1884,7 +2101,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Top Bar */ #panel { - background-color: #222222; + background-color: #101010; font-weight: bold; height: 2.2em; font-feature-settings: "tnum"; @@ -1902,7 +2119,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #222222; + -panel-corner-background-color: #101010; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; -panel-corner-opacity: 1; @@ -2015,7 +2232,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #overviewGroup { - background-color: #2f2f2f; + background-color: #1d1d1d; } .overview-controls { @@ -2029,13 +2246,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .window-caption { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 6px 12px; } .window-close, .screenshot-ui-close-button { - background-color: #3c3c3c; + background-color: #2a2a2a; color: #efefef; border-radius: 1000px; padding: 3px; @@ -2052,17 +2269,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-close:hover, .screenshot-ui-close-button:hover { - background-color: #626262; + background-color: #505050; } .window-close:active, .screenshot-ui-close-button:active { color: rgba(239, 239, 239, 0.8); - background-color: #2f2f2f; + background-color: #1d1d1d; } .workspace-background { border-radius: 30px; - background-color: #3c3c3c; + background-color: #2a2a2a; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); } @@ -2214,7 +2431,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 3px; padding: 6px 12px; text-align: center; @@ -2258,7 +2475,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { - color: #fff; + color: #ffffff; } .app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon, @@ -2296,13 +2513,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Folders */ .app-well-app.app-folder { - background-color: #272727; + background-color: #151515; border-radius: 3px; } .app-folder-dialog { border-radius: 7.5px; - background-color: rgba(47, 47, 47, 0.9); + background-color: #1d1d1d; padding: 8px !important; } @@ -2312,7 +2529,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* FIXME: this is to keep the label in sync with the entry */ } -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { +.app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { font-size: 18pt; font-weight: 800; } @@ -2320,8 +2538,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; box-shadow: none; - border-radius: 3px; + border-radius: 1000px; border: 2px solid transparent; + background-color: rgba(247, 247, 247, 0.1); + color: #efefef; } .app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus { @@ -2445,10 +2665,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .page-navigation-arrow { + color: #efefef; +} + +.page-navigation-arrow > StIcon { margin: 6px; + padding: 18px; width: 24px; height: 24px; + border-radius: 1000px; + color: rgba(239, 239, 239, 0.75); +} + +.page-navigation-arrow:insensitive > StIcon { + color: #b2b2b2; + border-color: #e2e2e2; + background-color: #f9f9f9; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.page-navigation-arrow:hover > StIcon { + color: #efefef; + background-color: rgba(91, 91, 91, 0.55); + border-color: #cfcfcf; + box-shadow: none; + text-shadow: 0 1px rgba(255, 255, 255, 0.3); + icon-shadow: 0 1px rgba(255, 255, 255, 0.3); +} + +.page-navigation-arrow:active > StIcon { color: #efefef; + background-color: rgba(110, 110, 110, 0.575); + border-color: #cfcfcf; + text-shadow: none; + icon-shadow: none; + box-shadow: none; } /* Workspace pager */ @@ -2559,7 +2812,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Workspace animation */ .workspace-animation { - background-color: #2f2f2f; + background-color: #1d1d1d; } /* Tiled window previews */ @@ -2619,7 +2872,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6); + box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6) !important; } .keyboard-key:hover, .keyboard-key:checked { @@ -2648,7 +2901,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key { color: #363636; - background-color: #1f1f1f; + background-color: #0e0e0e; border-color: #cfcfcf; box-shadow: none; text-shadow: 0 1px rgba(255, 255, 255, 0.3); @@ -2657,7 +2910,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: #363636; - background-color: #222222; + background-color: #121212; border-color: #cfcfcf; box-shadow: none; text-shadow: 0 1px rgba(255, 255, 255, 0.3); @@ -2666,7 +2919,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:active { color: #363636; - background-color: #232323; + background-color: #141414; border-color: #cfcfcf; text-shadow: none; icon-shadow: none; @@ -2711,9 +2964,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-subkeys { color: #efefef; -arrow-border-radius: 5px; - -arrow-background-color: #3c3c3c; + -arrow-background-color: #2a2a2a; -arrow-border-width: 1px; - -arrow-border-color: #525252; + -arrow-border-color: #414141; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; @@ -2733,7 +2986,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6); + box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6) !important; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { @@ -2773,7 +3026,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Looking Glass */ #LookingGlassDialog { - background-color: #3c3c3c; + background-color: #2a2a2a; spacing: 6px; padding: 4px; border: 1px solid rgba(239, 239, 239, 0.2); @@ -2784,7 +3037,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog > #Toolbar { border: none; border-radius: 3px; - background-color: #3c3c3c; + background-color: #2a2a2a; } #LookingGlassDialog .labels { @@ -2822,7 +3075,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - background-color: rgba(72, 72, 72, 0.6); + background-color: rgba(54, 54, 54, 0.6); color: #efefef; border-color: rgba(239, 239, 239, 0.2); min-height: 22px; @@ -2884,7 +3137,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-extension { border: 1px solid rgba(13, 13, 13, 0.7); - background-color: #484848; + background-color: #363636; border-radius: 3px; padding: 4px; } @@ -2898,7 +3151,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #3c3c3c; + background: #2a2a2a; border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 3px; padding: 6px; @@ -2925,23 +3178,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); - background-color: #272727; - border-color: #272727; + background-color: #151515; + border-color: #151515; color: #efefef; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { - background-color: #3c3c3c; - border-color: #3c3c3c; + background-color: #2a2a2a; + border-color: #2a2a2a; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; - background-color: #222222; - border-color: #222222; + background-color: #101010; + border-color: #101010; } .login-dialog .modal-dialog-button:insensitive, @@ -2952,8 +3205,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; text-shadow: none; icon-shadow: none; - border-color: #222222; - background-color: #222222; + border-color: #101010; + background-color: #101010; color: rgba(239, 239, 239, 0.7); } @@ -3016,8 +3269,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 99px; width: 2.18em; height: 2.18em; - border-color: #272727; - background-color: #272727; + border-color: #151515; + background-color: #151515; } .login-dialog .cancel-button StIcon, @@ -3199,14 +3452,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 6px; border: none; - background-color: rgba(60, 60, 60, 0.3); + background-color: rgba(42, 42, 42, 0.3); color: #efefef; border-radius: 5px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(60, 60, 60, 0.9); + background-color: rgba(42, 42, 42, 0.9); } .unlock-dialog-notification-label { @@ -3216,7 +3469,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notification-count-text { weight: bold; padding: 0 6px; - color: #3c3c3c; + color: #2a2a2a; background-color: rgba(239, 239, 239, 0.3); border-radius: 99px; margin-right: 12px; @@ -3228,7 +3481,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background-color: #2f2f2f; + background-color: #1d1d1d; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { @@ -3270,8 +3523,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin-bottom: 4em; spacing: 12px; color: #efefef; - background-color: #222222; - border: 1px solid #090909; + background-color: #1d1d1d; + border: 1px solid black; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); } @@ -3399,7 +3652,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screenshot-ui-window-selector { - background-color: #3c3c3c; + background-color: #2a2a2a; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { @@ -3458,7 +3711,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .screenshot-ui-tooltip { color: #efefef; - background-color: #3c3c3c; + background-color: #2a2a2a; border-radius: 1000px; padding: 6px 12px; text-align: center; @@ -3628,7 +3881,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #dashtodockContainer #dash .dash-background { color: #dddddd; - background-color: rgba(34, 34, 34, 0.9); + background-color: rgba(16, 16, 16, 0.9); } #dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { @@ -3720,7 +3973,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6); + box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6) !important; } .openweather-provider:active { diff --git a/src/gnome-shell/42.0/gnome-shell-sea.css b/src/gnome-shell/42.0/gnome-shell-sea.css index 7c3d21f4..b327ca9a 100644 --- a/src/gnome-shell/42.0/gnome-shell-sea.css +++ b/src/gnome-shell/42.0/gnome-shell-sea.css @@ -32,7 +32,7 @@ stage { .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { color: #efefef; - background-color: #313e41; + background-color: #222a2d; border-radius: 3px; padding: 12px; } @@ -57,12 +57,12 @@ stage { border: 1px solid rgba(0, 0, 0, 0.6); } -.button { +.quick-settings-system-item .icon-button, .button { border-radius: 3px; border-style: solid; border-width: 1px; - min-height: 22px; - padding: 3px 24px; + min-height: 20px; + padding: 6px 12px; color: #363636; background-color: #ffffff; border-color: #cfcfcf; @@ -71,14 +71,14 @@ stage { icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } -.button:focus { +.quick-settings-system-item .icon-button:focus, .button:focus { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6); + box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6) !important; } -.button:hover { +.quick-settings-system-item .icon-button:hover, .button:hover { color: #363636; background-color: #ebebeb; border-color: #cfcfcf; @@ -87,7 +87,7 @@ stage { icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } -.button:insensitive { +.quick-settings-system-item .icon-button:insensitive, .button:insensitive { color: #b2b2b2; border-color: #e2e2e2; background-color: #f9f9f9; @@ -96,7 +96,7 @@ stage { icon-shadow: none; } -.button:active { +.quick-settings-system-item .icon-button:active, .button:active { color: #363636; background-color: #e1e1e1; border-color: #cfcfcf; @@ -179,7 +179,7 @@ stage { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6); + box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6) !important; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { @@ -316,9 +316,9 @@ StEntry StLabel.hint-text { /* Slider */ .slider { - height: 15px; + height: 16px; color: #2eb398; - -barlevel-height: 3px; + -barlevel-height: 4px; -barlevel-background-color: #cfcfcf; -barlevel-border-width: 0; -barlevel-border-color: #cfcfcf; @@ -327,7 +327,7 @@ StEntry StLabel.hint-text { -barlevel-overdrive-color: #e01b24; -barlevel-overdrive-border-color: #ce1921; -barlevel-overdrive-separator-width: 1px; - -slider-handle-radius: 7.5px; + -slider-handle-radius: 8px; -slider-handle-border-width: 0; -slider-handle-border-color: #cfcfcf; } @@ -787,17 +787,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-day-base { font-size: 9pt; text-align: center; - width: 32px; - height: 32px; + width: 32px !important; + height: 32px !important; padding: 0; - margin: 0 2px; - border-radius: 100%; + margin: 3px; + border-radius: 1000px; border: none; font-feature-settings: "tnum"; } .calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus { background-color: rgba(54, 54, 54, 0.1); + box-shadow: none; } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { @@ -865,12 +866,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; - height: 1.8em; - width: 2.3em; - border-radius: 2px; - margin: 6px; - background-color: #f0f0f0; - color: #434343; + height: 12px !important; + width: 12px !important; + padding: 8px; + margin: 5px 3px; + border-radius: 3px; + background-color: rgba(54, 54, 54, 0.05); + color: #555555; } /* Events */ @@ -1362,6 +1364,221 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 1em; } +.quick-settings { + padding: 12px !important; + border-radius: 5px !important; + margin-top: 6px !important; +} + +.quick-settings .icon-button, .quick-settings .button { + min-height: 20px; + min-width: 20px; + padding: 10.5px; +} + +.quick-settings .icon-button { + border-radius: 1000px; + border: none; +} + +.quick-settings-grid { + spacing-rows: 12px; + spacing-columns: 12px; +} + +.quick-toggle { + border-radius: 3px; + min-width: 12em; + max-width: 12em; + min-height: 40px; + border: none; + background-color: rgba(54, 54, 54, 0.08) !important; + color: #555555; + text-shadow: none !important; + /* Move padding into the box; this is to allow menu arrows + to extend to the border */ +} + +.quick-toggle:hover { + background-color: rgba(54, 54, 54, 0.16) !important; + color: #363636; +} + +.quick-toggle:active { + background-color: rgba(54, 54, 54, 0.24) !important; + color: #363636; +} + +.quick-toggle:checked { + background-color: #2eb398 !important; + color: #ffffff; + text-shadow: none !important; +} + +.quick-toggle:checked:hover { + background-color: #33c7a9 !important; + color: #ffffff; + text-shadow: none !important; +} + +.quick-toggle:checked:active { + background-color: #299f87 !important; + color: #ffffff; +} + +.quick-toggle > StBoxLayout { + spacing: 6px; +} + +.quick-toggle.button { + padding: 0; + min-height: 40px; +} + +.quick-toggle > StBoxLayout { + padding: 0 12px; +} + +.quick-toggle:ltr > StBoxLayout { + padding-left: 15px; +} + +.quick-toggle:rtl > StBoxLayout { + padding-right: 15px; +} + +.quick-toggle .quick-toggle-label { + font-weight: bold; +} + +.quick-toggle .quick-toggle-icon, .quick-toggle .quick-toggle-arrow { + icon-size: 16px; +} + +.quick-menu-toggle:ltr > StBoxLayout { + padding-right: 0; +} + +.quick-menu-toggle:rtl > StBoxLayout { + padding-left: 0; +} + +.quick-menu-toggle .quick-toggle-arrow { + background-color: rgba(54, 54, 54, 0.06) !important; + padding: 6px 10.5px; +} + +.quick-menu-toggle .quick-toggle-arrow:active, .quick-menu-toggle .quick-toggle-arrow:checked { + background-color: rgba(54, 54, 54, 0.12) !important; +} + +.quick-menu-toggle .quick-toggle-arrow:ltr { + border-radius: 0 3px 3px 0; +} + +.quick-menu-toggle .quick-toggle-arrow:rtl { + border-radius: 3px 0 0 3px; +} + +.quick-slider { + padding: 0 6px; +} + +.quick-slider > StBoxLayout { + spacing: 6px; +} + +.quick-slider .slider-bin { + min-height: 16px; + padding: 6px; + border-radius: 16px; +} + +.quick-slider .slider-bin:focus { + color: #363636; + text-shadow: 0 1px rgba(255, 255, 255, 0.3); + icon-shadow: 0 1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6) !important; +} + +.quick-slider .quick-toggle-icon { + icon-size: 16px; +} + +.quick-slider .icon-button { + background-color: transparent; + color: #363636 !important; +} + +.quick-slider .icon-button:hover { + background-color: rgba(54, 54, 54, 0.06); +} + +.quick-slider .icon-button:active { + background-color: rgba(54, 54, 54, 0.12); +} + +.quick-toggle-menu { + background-color: #ffffff !important; + color: #363636 !important; + border-radius: 5px !important; + padding: 12px 0 !important; + margin: 12px 19px 0 !important; +} + +.quick-toggle-menu .popup-menu-item { + border-radius: 0 !important; +} + +.quick-toggle-menu .popup-menu-item > StIcon { + -st-icon-style: symbolic; +} + +.quick-toggle-menu .header { + spacing-rows: 3px; + spacing-columns: 12px; + padding: 0 12px 12px !important; +} + +.quick-toggle-menu .header .icon { + icon-size: 24px; + border-radius: 1000px; + padding: 9px; + background-color: rgba(54, 54, 54, 0.12) !important; +} + +.quick-toggle-menu .header .icon.active { + background-color: #2eb398 !important; + color: #ffffff; +} + +.quick-settings-system-item > StBoxLayout { + spacing: 12px; +} + +.quick-settings-system-item .icon-button > StIcon { + -st-icon-style: symbolic; +} + +.quick-settings-system-item .power-item { + min-height: 0; + min-width: 0; +} + +.quick-settings-system-item .power-item:insensitive { + color: #363636; + background-color: #ffffff; + border-color: #cfcfcf; + box-shadow: none; + text-shadow: 0 1px rgba(255, 255, 255, 0.3); + icon-shadow: 0 1px rgba(255, 255, 255, 0.3); + background-color: transparent; +} + +.nm-network-item .wireless-secure-icon { + icon-size: 8px; +} + /* Notifications & Message Tray */ .notification-banner { min-height: 64px; @@ -1884,7 +2101,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Top Bar */ #panel { - background-color: #1b2224; + background-color: #0c0f10; font-weight: bold; height: 2.2em; font-feature-settings: "tnum"; @@ -1902,7 +2119,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #1b2224; + -panel-corner-background-color: #0c0f10; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; -panel-corner-opacity: 1; @@ -2015,7 +2232,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #overviewGroup { - background-color: #263033; + background-color: #171c1e; } .overview-controls { @@ -2029,13 +2246,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .window-caption { color: #efefef; - background-color: #313e41; + background-color: #222a2d; border-radius: 3px; padding: 6px 12px; } .window-close, .screenshot-ui-close-button { - background-color: #313e41; + background-color: #222a2d; color: #efefef; border-radius: 1000px; padding: 3px; @@ -2052,17 +2269,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-close:hover, .screenshot-ui-close-button:hover { - background-color: #52676d; + background-color: #425458; } .window-close:active, .screenshot-ui-close-button:active { color: rgba(239, 239, 239, 0.8); - background-color: #263033; + background-color: #171c1e; } .workspace-background { border-radius: 30px; - background-color: #313e41; + background-color: #222a2d; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); } @@ -2214,7 +2431,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { color: #efefef; - background-color: #313e41; + background-color: #222a2d; border-radius: 3px; padding: 6px 12px; text-align: center; @@ -2258,7 +2475,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { - color: #fff; + color: #ffffff; } .app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon, @@ -2296,13 +2513,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* App Folders */ .app-well-app.app-folder { - background-color: #1f282a; + background-color: #101415; border-radius: 3px; } .app-folder-dialog { border-radius: 7.5px; - background-color: rgba(38, 48, 51, 0.9); + background-color: #171c1e; padding: 8px !important; } @@ -2312,7 +2529,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* FIXME: this is to keep the label in sync with the entry */ } -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { +.app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { font-size: 18pt; font-weight: 800; } @@ -2320,8 +2538,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; box-shadow: none; - border-radius: 3px; + border-radius: 1000px; border: 2px solid transparent; + background-color: rgba(247, 247, 247, 0.1); + color: #efefef; } .app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus { @@ -2445,10 +2665,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .page-navigation-arrow { + color: #efefef; +} + +.page-navigation-arrow > StIcon { margin: 6px; + padding: 18px; width: 24px; height: 24px; + border-radius: 1000px; + color: rgba(239, 239, 239, 0.75); +} + +.page-navigation-arrow:insensitive > StIcon { + color: #b2b2b2; + border-color: #e2e2e2; + background-color: #f9f9f9; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.page-navigation-arrow:hover > StIcon { + color: #efefef; + background-color: rgba(85, 91, 93, 0.55); + border-color: #cfcfcf; + box-shadow: none; + text-shadow: 0 1px rgba(255, 255, 255, 0.3); + icon-shadow: 0 1px rgba(255, 255, 255, 0.3); +} + +.page-navigation-arrow:active > StIcon { color: #efefef; + background-color: rgba(105, 110, 112, 0.575); + border-color: #cfcfcf; + text-shadow: none; + icon-shadow: none; + box-shadow: none; } /* Workspace pager */ @@ -2559,7 +2812,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Workspace animation */ .workspace-animation { - background-color: #263033; + background-color: #171c1e; } /* Tiled window previews */ @@ -2619,7 +2872,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6); + box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6) !important; } .keyboard-key:hover, .keyboard-key:checked { @@ -2648,7 +2901,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key { color: #363636; - background-color: #191f21; + background-color: #0a0c0d; border-color: #cfcfcf; box-shadow: none; text-shadow: 0 1px rgba(255, 255, 255, 0.3); @@ -2657,7 +2910,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: #363636; - background-color: #1c2223; + background-color: #0e1011; border-color: #cfcfcf; box-shadow: none; text-shadow: 0 1px rgba(255, 255, 255, 0.3); @@ -2666,7 +2919,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key:active { color: #363636; - background-color: #1d2324; + background-color: #101213; border-color: #cfcfcf; text-shadow: none; icon-shadow: none; @@ -2711,9 +2964,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-subkeys { color: #efefef; -arrow-border-radius: 5px; - -arrow-background-color: #313e41; + -arrow-background-color: #222a2d; -arrow-border-width: 1px; - -arrow-border-color: #45565b; + -arrow-border-color: #354347; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; @@ -2733,7 +2986,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6); + box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6) !important; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { @@ -2773,7 +3026,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Looking Glass */ #LookingGlassDialog { - background-color: #313e41; + background-color: #222a2d; spacing: 6px; padding: 4px; border: 1px solid rgba(239, 239, 239, 0.2); @@ -2784,7 +3037,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog > #Toolbar { border: none; border-radius: 3px; - background-color: #313e41; + background-color: #222a2d; } #LookingGlassDialog .labels { @@ -2822,7 +3075,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - background-color: rgba(60, 75, 80, 0.6); + background-color: rgba(44, 56, 59, 0.6); color: #efefef; border-color: rgba(239, 239, 239, 0.2); min-height: 22px; @@ -2884,7 +3137,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-extension { border: 1px solid rgba(13, 13, 13, 0.7); - background-color: #3c4b50; + background-color: #2c383b; border-radius: 3px; padding: 4px; } @@ -2898,7 +3151,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #313e41; + background: #222a2d; border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 3px; padding: 6px; @@ -2925,23 +3178,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); - background-color: #1f282a; - border-color: #1f282a; + background-color: #101415; + border-color: #101415; color: #efefef; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { - background-color: #313e41; - border-color: #313e41; + background-color: #222a2d; + border-color: #222a2d; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; - background-color: #1b2224; - border-color: #1b2224; + background-color: #0c0f10; + border-color: #0c0f10; } .login-dialog .modal-dialog-button:insensitive, @@ -2952,8 +3205,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; text-shadow: none; icon-shadow: none; - border-color: #1b2224; - background-color: #1b2224; + border-color: #0c0f10; + background-color: #0c0f10; color: rgba(239, 239, 239, 0.7); } @@ -3016,8 +3269,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 99px; width: 2.18em; height: 2.18em; - border-color: #1f282a; - background-color: #1f282a; + border-color: #101415; + background-color: #101415; } .login-dialog .cancel-button StIcon, @@ -3199,14 +3452,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 6px; border: none; - background-color: rgba(49, 62, 65, 0.3); + background-color: rgba(34, 42, 45, 0.3); color: #efefef; border-radius: 5px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(49, 62, 65, 0.9); + background-color: rgba(34, 42, 45, 0.9); } .unlock-dialog-notification-label { @@ -3216,7 +3469,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-dialog-notification-count-text { weight: bold; padding: 0 6px; - color: #313e41; + color: #222a2d; background-color: rgba(239, 239, 239, 0.3); border-radius: 99px; margin-right: 12px; @@ -3228,7 +3481,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background-color: #263033; + background-color: #171c1e; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { @@ -3270,8 +3523,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin-bottom: 4em; spacing: 12px; color: #efefef; - background-color: #1b2224; - border: 1px solid #050607; + background-color: #171c1e; + border: 1px solid black; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); } @@ -3399,7 +3652,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screenshot-ui-window-selector { - background-color: #313e41; + background-color: #222a2d; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { @@ -3458,7 +3711,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .screenshot-ui-tooltip { color: #efefef; - background-color: #313e41; + background-color: #222a2d; border-radius: 1000px; padding: 6px 12px; text-align: center; @@ -3628,7 +3881,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #dashtodockContainer #dash .dash-background { color: #dddddd; - background-color: rgba(27, 34, 36, 0.9); + background-color: rgba(12, 15, 16, 0.9); } #dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { @@ -3720,7 +3973,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #363636; text-shadow: 0 1px rgba(255, 255, 255, 0.3); icon-shadow: 0 1px rgba(255, 255, 255, 0.3); - box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6); + box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6) !important; } .openweather-provider:active { diff --git a/src/gnome-shell/sass/40.0/_colors.scss b/src/gnome-shell/sass/40.0/_colors.scss index d25e55a5..61502b30 100644 --- a/src/gnome-shell/sass/40.0/_colors.scss +++ b/src/gnome-shell/sass/40.0/_colors.scss @@ -29,9 +29,9 @@ $error_color: #ff8080; $success_color: if($variant == 'light', #33d17a, darken(#33d17a, 10%)); $destructive_color: if($variant == 'light', #e01b24, darken(#e01b24, 10%)); -$system_bg_color: lighten(#1b2224, 5%); //neutralize the HIG color -@if $color=='aliz' or $color=='pueril' { $system_bg_color: lighten(#222222, 5%); } -@if $color=='azul' { $system_bg_color: lighten(#1b1d24, 5%); } +$system_bg_color: darken(#1b2224, 2%); //neutralize the HIG color +@if $color=='aliz' or $color=='pueril' { $system_bg_color: darken(#222222, 2%); } +@if $color=='azul' { $system_bg_color: darken(#1b1d24, 2%); } $panel_bg_color: darken($system_bg_color, 5%); $panel_fg_color: #dddddd; diff --git a/src/gnome-shell/sass/40.0/_common.scss b/src/gnome-shell/sass/40.0/_common.scss index 9dee7bcb..876fe81c 100644 --- a/src/gnome-shell/sass/40.0/_common.scss +++ b/src/gnome-shell/sass/40.0/_common.scss @@ -95,8 +95,8 @@ stage { border-radius: $base_border_radius; border-style: solid; border-width: 1px; - min-height: 22px; - padding: $base_padding * 0.5 $base_padding * 4; + min-height: 20px; + padding: $base_padding $base_padding * 2; @include button(normal); &:focus { @include button(focus);} diff --git a/src/gnome-shell/sass/40.0/_drawing.scss b/src/gnome-shell/sass/40.0/_drawing.scss index b7dc771a..e8968983 100644 --- a/src/gnome-shell/sass/40.0/_drawing.scss +++ b/src/gnome-shell/sass/40.0/_drawing.scss @@ -149,7 +149,7 @@ color: $tc; text-shadow: 0 1px $text_shadow_color; icon-shadow: 0 1px $text_shadow_color; - box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.4); + box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.4) !important; //border-color: $selected_bg_color; } diff --git a/src/gnome-shell/sass/40.0/_widgets-42.scss b/src/gnome-shell/sass/40.0/_widgets-42.scss index d1b32153..3e615cd6 100644 --- a/src/gnome-shell/sass/40.0/_widgets-42.scss +++ b/src/gnome-shell/sass/40.0/_widgets-42.scss @@ -19,6 +19,7 @@ @import 'widgets/calendar'; @import 'widgets/message-list'; @import 'widgets/ibus-popup'; +@import 'widgets/quick-settings'; // Notifications @import 'widgets/notifications'; @import 'widgets/hotplug'; diff --git a/src/gnome-shell/sass/40.0/widgets/_app-grid.scss b/src/gnome-shell/sass/40.0/widgets/_app-grid.scss index c00be7b4..2ce43953 100644 --- a/src/gnome-shell/sass/40.0/widgets/_app-grid.scss +++ b/src/gnome-shell/sass/40.0/widgets/_app-grid.scss @@ -16,12 +16,10 @@ $app_icon_size: 96px; /* App Icons */ -$app_grid_fg_color: #fff; - // Icon tiles in the app grid .app-well-app, %app-well-app { - @include overview-icon($app_grid_fg_color); + @include overview-icon($selected_fg_color); .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; @@ -41,24 +39,26 @@ $app_grid_fg_color: #fff; // expanded folder .app-folder-dialog { //style like the dash border-radius: $modal_radius * 1.5; - background-color: rgba($system_bg_color, 0.9); + background-color: rgba($system_bg_color, 1); padding: 8px !important; - & .folder-name-container { + .folder-name-container { padding: 24px 36px 0; spacing: 12px; - & .folder-name-label, - & .folder-name-entry { + .folder-name-label, + .folder-name-entry { font-size: 18pt; font-weight: 800; } - & .folder-name-entry { + .folder-name-entry { width: 300px; box-shadow: none; - border-radius: $base_border_radius; + border-radius: $circular_radius; border: 2px solid transparent; + background-color: darken($dash_background_color, 3%); + color: $osd_fg_color; &:hover, &:focus { background-color: darken($dash_background_color, 3%); @@ -69,9 +69,9 @@ $app_grid_fg_color: #fff; } /* FIXME: this is to keep the label in sync with the entry */ - & .folder-name-label { padding: 5px 7px; color: $osd_fg_color; } + .folder-name-label { padding: 5px 7px; color: $osd_fg_color; } - & .edit-folder-button { + .edit-folder-button { // @extend %button; border: none; box-shadow: none; @@ -86,11 +86,11 @@ $app_grid_fg_color: #fff; &:active { background-color: rgba(white, 0.2); } - & > StIcon { icon-size: 16px } + > StIcon { icon-size: 16px } } } - & .icon-grid { + .icon-grid { row-spacing: $base_spacing * 2; column-spacing: $base_spacing * 5; page-padding-top: 0; @@ -99,7 +99,7 @@ $app_grid_fg_color: #fff; page-padding-right: 0; } - & .page-indicators { + .page-indicators { margin-bottom: 18px; } } @@ -183,8 +183,18 @@ $app_grid_fg_color: #fff; } .page-navigation-arrow { - margin: 6px; - width: 24px; - height: 24px; color: $osd_fg_color; + + > StIcon { + margin: 6px; + padding: 18px; + width: 24px; + height: 24px; + border-radius: $circular_radius; + color: rgba($osd_fg_color, 0.75); + } + + &:insensitive > StIcon { @include button(insensitive, $tc: $osd_fg_color, $c: transparentize($osd_bg_color, 0.5), $shadow: none); } + &:hover > StIcon { @include button(hover, $tc: $osd_fg_color, $c: transparentize($osd_bg_color, 0.5), $shadow: none); } + &:active > StIcon { @include button(active, $tc: $osd_fg_color, $c: transparentize($osd_bg_color, 0.5), $shadow: none); } } diff --git a/src/gnome-shell/sass/40.0/widgets/_buttons.scss b/src/gnome-shell/sass/40.0/widgets/_buttons.scss index 93ae9eca..90e4baf9 100644 --- a/src/gnome-shell/sass/40.0/widgets/_buttons.scss +++ b/src/gnome-shell/sass/40.0/widgets/_buttons.scss @@ -6,6 +6,6 @@ .popup-menu { .button { - @extend %flat_button; // that's it + @extend %flat_button; } } diff --git a/src/gnome-shell/sass/40.0/widgets/_calendar.scss b/src/gnome-shell/sass/40.0/widgets/_calendar.scss index 8d3a7a0c..f0d347e7 100644 --- a/src/gnome-shell/sass/40.0/widgets/_calendar.scss +++ b/src/gnome-shell/sass/40.0/widgets/_calendar.scss @@ -22,8 +22,6 @@ &:ltr { margin-right: $base_margin * 2; border-left-width: 1px; } &:rtl { margin-left: $base_margin * 2; border-right-width: 1px; } - .datemenu-displays-section { - } .datemenu-displays-box { spacing: $base_spacing; @@ -86,7 +84,7 @@ height: 32px; width: 32px; margin: 2px; - border-radius: 1000px; + border-radius: $circular_radius; border: none; &:hover, &:focus { @include button(flat-hover); } &:active { @include button(flat-active); } @@ -97,15 +95,20 @@ .calendar-day-base { @include fontsize($base_font_size - 2); text-align: center; - width: $calendar_day_size; - height: $calendar_day_size; + width: $calendar_day_size !important; + height: $calendar_day_size !important; padding: 0; - margin: 0 2px; - border-radius: 100%; + margin: 3px; + border-radius: $circular_radius; border: none; //avoid jumparound due to today font-feature-settings: "tnum"; - &:hover, &:focus { background-color: rgba($fg_color, 0.1); } - &:active,&:selected { + + &:hover, &:focus { + background-color: rgba($fg_color, 0.1); + box-shadow: none; + } + + &:active, &:selected { color: $fg_color; background-color: rgba($fg_color, 0.15); } @@ -130,8 +133,6 @@ border-left-width: 1px; } - .calendar-work-day {} - .calendar-nonwork-day { color: $insensitive_fg_color; } @@ -143,12 +144,12 @@ background-color: $selected_bg_color; color: $selected_fg_color; - &:hover,&:focus { + &:hover, &:focus { background-color:lighten($selected_bg_color, 3%); color: $selected_fg_color; } - &:active,&:selected { + &:active, &:selected { background-color: $selected_bg_color; color: $selected_fg_color; @@ -168,18 +169,19 @@ } .calendar-other-month-day { - color: transparentize($fg_color ,0.5); + color: transparentize($fg_color, 0.5); } .calendar-week-number { @include fontsize($base_font_size - 4); font-weight: bold; - height: 1.8em; - width: 2.3em; - border-radius: 2px; - margin: 6px; - background-color: darken($bg_color, 2%); - color: lighten($fg_color, 5%); + height: 12px !important; + width: 12px !important; + padding: 8px; + margin: 5px 3px; + border-radius: $base_border_radius; + background-color: rgba($fg_color, 0.05); + color: $alt_fg_color; } } diff --git a/src/gnome-shell/sass/40.0/widgets/_quick-settings.scss b/src/gnome-shell/sass/40.0/widgets/_quick-settings.scss new file mode 100644 index 00000000..8fa1e354 --- /dev/null +++ b/src/gnome-shell/sass/40.0/widgets/_quick-settings.scss @@ -0,0 +1,182 @@ +.quick-settings { + padding: $base_padding * 2 !important; + border-radius: $modal_radius !important; + margin-top: $base_padding !important; + + .icon-button, .button { + min-height: 20px; + min-width: 20px; + padding: $base_padding * 1.75; + } + + .icon-button { + border-radius: $circular_radius; + border: none; + } +} + +.quick-settings-grid { + spacing-rows: $base_padding * 2; + spacing-columns: $base_padding * 2; +} + +.quick-toggle { + border-radius: $base_border_radius; + min-width: 12em; + max-width: 12em; + min-height: 40px; + border: none; + background-color: rgba($fg_color, if($variant == 'light', 0.08, 0.06)) !important; + color: $alt_fg_color; + text-shadow: none !important; + + &:hover { + background-color: rgba($fg_color, if($variant == 'light', 0.16, 0.12)) !important; + color: $fg_color; + } + + &:active { + background-color: rgba($fg_color, if($variant == 'light', 0.24, 0.18)) !important; + color: $fg_color; + } + + &:checked { + background-color: $selected_bg_color !important; + color: $selected_fg_color; + text-shadow: none !important; + + &:hover { + background-color: lighten($selected_bg_color, 5%) !important; + color: $selected_fg_color; + text-shadow: none !important; + } + + &:active { + background-color: darken($selected_bg_color, 5%) !important; + color: $selected_fg_color; + } + } + + > StBoxLayout { spacing: $base_padding; } + + /* Move padding into the box; this is to allow menu arrows + to extend to the border */ + &.button { + padding: 0; + min-height: 40px; + } + + & > StBoxLayout { padding: 0 $base_padding * 2; } + &:ltr > StBoxLayout { padding-left: $base_padding * 2.5; } + &:rtl > StBoxLayout { padding-right: $base_padding * 2.5; } + + .quick-toggle-label { font-weight: bold; } + .quick-toggle-icon, .quick-toggle-arrow { icon-size: 16px; } +} + +.quick-menu-toggle { + &:ltr > StBoxLayout { padding-right: 0; } + &:rtl > StBoxLayout { padding-left: 0; } + + .quick-toggle-arrow { + background-color: rgba($fg_color, 0.06) !important; + padding: $base_padding $base_padding * 1.75; + + &:active, &:checked { + background-color: rgba($fg_color, 0.12) !important; + } + + &:ltr { border-radius: 0 $base_border_radius $base_border_radius 0; } + &:rtl { border-radius: $base_border_radius 0 0 $base_border_radius; } + } +} + +.quick-slider { + padding: 0 $base_padding; + + & > StBoxLayout { spacing: $base_padding; } + + .slider-bin { + &:focus { @include button(focus); } + min-height: 16px; // slider size + padding: $base_padding; + border-radius: 16px; + } + + .quick-toggle-icon { + icon-size: 16px; + } + + .icon-button { + background-color: transparent; + color: $fg_color !important; + + &:hover { + background-color: rgba($fg_color, 0.06); + } + + &:active { + background-color: rgba($fg_color, 0.12); + } + } +} + +.quick-toggle-menu { + background-color: $base_color !important; + color: $fg_color !important; + border-radius: $modal_radius !important; + padding: $base_padding * 2 0 !important; + margin: $base_padding * 2 $base_padding * 3 + 1px 0 !important; + + .popup-menu-item { + border-radius: 0 !important; + + > StIcon { + -st-icon-style: symbolic; + } + } + + & .header { + spacing-rows: 0.5 * $base_padding; + spacing-columns: $base_padding * 2; + padding: 0 $base_padding * 2 $base_padding * 2 !important; + + & .icon { + icon-size: 16px * 1.5; // a non-standard symbolic size but ok + border-radius: $circular_radius; + padding: 1.5 * $base_padding; + background-color: rgba($fg_color, 0.12) !important; + + &.active { + background-color: $selected_bg_color !important; + color: $selected_fg_color; + } + } + } +} + +.quick-settings-system-item { + & > StBoxLayout { spacing: 2 * $base_padding; } + + .icon-button { + // background-color: $button_bg; + // color: $fg_color; + @extend %button; + + > StIcon { -st-icon-style: symbolic; } + } + + & .power-item { + min-height: 0; + min-width: 0; + + &:insensitive { + @include button(normal); + background-color: transparent; + } + } +} + +.nm-network-item { + .wireless-secure-icon { icon-size: 0.5 * 16px; } +} diff --git a/src/gnome-shell/sass/40.0/widgets/_screenshot.scss b/src/gnome-shell/sass/40.0/widgets/_screenshot.scss index 2316b9bb..0799784f 100644 --- a/src/gnome-shell/sass/40.0/widgets/_screenshot.scss +++ b/src/gnome-shell/sass/40.0/widgets/_screenshot.scss @@ -18,7 +18,6 @@ $screenshot_ui_panel_padding: $base_padding * 3; $screenshot_ui_shot_cast_margin: $base_padding * 3; $screenshot_ui_panel_border_radius: $base_padding * 4; $screenshot_ui_shot_cast_spacing: $base_padding / 2; - $screenshot_ui_button_red: $error_color; .screenshot-ui-panel { @@ -28,7 +27,7 @@ $screenshot_ui_button_red: $error_color; margin-bottom: 4em; spacing: $base_padding * 2; color: $osd_fg_color; - background-color: darken($system_bg_color, 5%); + background-color: $system_bg_color; border: 1px solid darken($system_bg_color, 15%); box-shadow: 0 3px 8px 0 rgba(black, 0.25); } diff --git a/src/gnome-shell/sass/40.0/widgets/_slider.scss b/src/gnome-shell/sass/40.0/widgets/_slider.scss index a6e361b4..4a3721c7 100644 --- a/src/gnome-shell/sass/40.0/widgets/_slider.scss +++ b/src/gnome-shell/sass/40.0/widgets/_slider.scss @@ -1,12 +1,12 @@ /* Slider */ -$slider_size: 15px; +$slider_size: 16px; .slider { height: $slider_size; color: $selected_bg_color; // slider trough - -barlevel-height: 3px; // has to be an odd number + -barlevel-height: 4px; // has to be an odd number -barlevel-background-color: $borders_color; //background of the trough -barlevel-border-width: 0; -barlevel-border-color: $borders_color; // trough border color @@ -16,7 +16,7 @@ $slider_size: 15px; // overfill style (red in this case) -barlevel-overdrive-color: $destructive_color; -barlevel-overdrive-border-color: if($variant == 'light', darken($destructive_color, 4%), lighten($destructive_color, 2%)); //trough border when red; - -barlevel-overdrive-separator-width:1px; + -barlevel-overdrive-separator-width: 1px; // slider handler -slider-handle-radius: $slider_size * 0.5; // half the size of the size -slider-handle-border-width: 0;