From 9ea2812c11feebdeb3240199b0613383535116c1 Mon Sep 17 00:00:00 2001 From: CentOS Sources Date: Mar 01 2022 12:11:05 +0000 Subject: import gnome-shell-extensions-40.6-1.el9 --- diff --git a/.gitignore b/.gitignore index 0493b7b..e6d81f6 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1 @@ -SOURCES/gnome-shell-extensions-40.5.tar.xz +SOURCES/gnome-shell-extensions-40.6.tar.xz diff --git a/.gnome-shell-extensions.metadata b/.gnome-shell-extensions.metadata index dd1b00b..38d5a7b 100644 --- a/.gnome-shell-extensions.metadata +++ b/.gnome-shell-extensions.metadata @@ -1 +1 @@ -e013ce671ef82c40769c76305aff34c2f9251724 SOURCES/gnome-shell-extensions-40.5.tar.xz +b0ec8dcd7002171c93ad6f6e84477f037a57db31 SOURCES/gnome-shell-extensions-40.6.tar.xz diff --git a/SOURCES/0001-Update-style.patch b/SOURCES/0001-Update-style.patch index c5a9e3f..273391a 100644 --- a/SOURCES/0001-Update-style.patch +++ b/SOURCES/0001-Update-style.patch @@ -1,13 +1,3285 @@ -From 9ca03a744552c43251523fd23292b243130e1f89 Mon Sep 17 00:00:00 2001 +From ed463ba4f764f53f8cd77b43c3ccd4d502e2b5b8 Mon Sep 17 00:00:00 2001 +From: =?UTF-8?q?Florian=20M=C3=BCllner?= +Date: Tue, 22 Feb 2022 18:13:32 +0100 +Subject: [PATCH 1/2] Fix pre-generated stylesheet + +--- + data/gnome-classic.css | 2280 +++++++++++++++++----------------------- + 1 file changed, 960 insertions(+), 1320 deletions(-) + +diff --git a/data/gnome-classic.css b/data/gnome-classic.css +index a6f69b9..52e5367 100644 +--- a/data/gnome-classic.css ++++ b/data/gnome-classic.css +@@ -21,195 +21,121 @@ + /* Global Values */ + stage { + font-size: 11pt; +- color: rgba(0, 0, 0, 0.8); } ++ color: #2e3436; } + + /* Common Stylings */ +-.screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window { +- color: white; +- background-color: rgba(245, 245, 245, 0.96); +- border: 1px solid rgba(255, 255, 255, 0.02); +- border-radius: 999px; ++.search-statustext { ++ font-size: 2em; ++ font-weight: bold; ++ color: #eeeeec; } ++ ++.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { ++ color: #eeeeec; ++ background-color: rgba(32, 32, 32, 0.96); ++ border-radius: 20px; + padding: 12px; } + + .workspace-thumbnails .workspace-thumbnail { +- color: white; +- background-color: rgba(255, 255, 255, 0.1); } ++ color: #eeeeec; ++ background-color: rgba(238, 238, 236, 0.1); } + +-.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { +- border-radius: 16px; ++.app-well-app .overview-icon, ++.grid-search-result .overview-icon, .show-apps .overview-icon, .list-search-result, .search-provider-icon { ++ border-radius: 12px; + padding: 6px; + border: 2px solid transparent; + transition-duration: 100ms; + text-align: center; } + + .modal-dialog { +- color: rgba(0, 0, 0, 0.8); ++ color: #2e3436; + background-color: #f6f5f4; +- border-radius: 11px; +- border: 1px solid rgba(255, 255, 255, 0.8); } ++ border: 1px solid rgba(0, 0, 0, 0.6); } + +-#LookingGlassDialog > #Toolbar .lg-toolbar-button, .button { +- border-radius: 6px; ++.app-folder-dialog .folder-name-container .edit-folder-button, .button { ++ border-radius: 8px; + border-style: solid; + border-width: 1px; +- font-weight: bold; ++ min-height: 22px; + padding: 3px 24px; +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(238, 237, 236, 0.99); } +- #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(219, 226, 235, 0.991); ++ color: #2e3436; ++ background-color: #fdfdfc; ++ border-color: #cdc7c2; ++ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } ++ .app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus { ++ color: #2e3436; ++ 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(53, 132, 228, 0.6); } +- #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover { +- background-color: rgba(226, 233, 242, 0.991); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } +- #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active { +- background-color: rgba(232, 240, 250, 0.991); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } +- #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(245, 245, 244, 0.99); } +- #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive { +- color: rgba(0, 0, 0, 0.3); +- background-color: rgba(0, 0, 0, 0); } +- #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(252, 252, 252, 0.99); } +- #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(255, 255, 255, 0.99); } +- #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover { +- background-color: rgba(255, 255, 255, 0.99); } +- #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active { +- background-color: rgba(255, 255, 255, 0.99); } ++ .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover { ++ color: #2e3436; ++ background-color: white; ++ border-color: #d6d1cd; ++ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } ++ .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .button:insensitive { ++ color: #929595; ++ border-color: #e1ddda; ++ background-color: #faf9f8; ++ box-shadow: none; ++ text-shadow: none; ++ icon-shadow: none; } ++ .app-folder-dialog .folder-name-container .edit-folder-button:active, .button:active { ++ color: #2e3436; ++ background-color: #efedec; ++ border-color: #cdc7c2; ++ text-shadow: none; ++ icon-shadow: none; ++ box-shadow: none; } + + .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { ++ color: #2e3436; ++ background-color: #fdfdfc; ++ border-color: #cdc7c2; ++ box-shadow: none; ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); + padding: 12px; +- font-weight: bold !important; +- margin-right: 1px; +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(211, 207, 203, 0.99); } ++ border-style: solid; ++ border-width: 1px; ++ border-left-width: 0; ++ border-bottom-width: 0; } + .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { +- color: rgba(0, 0, 0, 0.3); +- background-color: rgba(0, 0, 0, 0); } ++ color: #929595; ++ border-color: #e1ddda; ++ background-color: #faf9f8; ++ box-shadow: none; ++ text-shadow: none; ++ icon-shadow: none; } + .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(195, 199, 206, 0.991); ++ color: #2e3436; ++ 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(53, 132, 228, 0.6); } +- .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { +- background-color: rgba(201, 206, 213, 0.991); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } +- .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { +- background-color: rgba(208, 213, 220, 0.991); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } + .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(218, 215, 211, 0.99); } ++ color: #2e3436; ++ background-color: white; ++ border-color: #d6d1cd; ++ box-shadow: none; ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } + .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(225, 222, 220, 0.99); } +- .modal-dialog .modal-dialog-linked-button:checked, .hotplug-notification-item:checked, .notification-banner .notification-button:checked { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(232, 230, 228, 0.99); } +- .modal-dialog .modal-dialog-linked-button:checked:hover, .hotplug-notification-item:checked:hover, .notification-banner .notification-button:checked:hover { +- background-color: rgba(239, 238, 236, 0.99); } +- .modal-dialog .modal-dialog-linked-button:checked:active, .hotplug-notification-item:checked:active, .notification-banner .notification-button:checked:active { +- background-color: rgba(246, 245, 244, 0.99); } +- .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { +- border-radius: 0 0 0 10px; } +- .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { +- border-radius: 0 0 10px 0; +- margin-right: 0 !important; } +- .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { +- border-radius: 0 0 10px 0; } +- .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { +- border-radius: 0 0 0 10px; +- margin-right: 0 !important; } ++ color: #2e3436; ++ background-color: #efedec; ++ border-color: #cdc7c2; ++ text-shadow: none; ++ icon-shadow: none; ++ box-shadow: none; } ++ .modal-dialog .modal-dialog-linked-button:first-child, .hotplug-notification-item:first-child, .notification-banner .notification-button:first-child { ++ border-radius: 0 0 0 14px; } ++ .modal-dialog .modal-dialog-linked-button:last-child, .hotplug-notification-item:last-child, .notification-banner .notification-button:last-child { ++ border-right-width: 0; ++ border-radius: 0 0 14px 0; } + .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { +- border-radius: 0 0 10px 10px !important; +- margin-right: 0 !important; } +- +-.screenshot-ui-show-pointer-button, .screenshot-ui-type-button { +- background-color: transparent; +- background-color: none; } +- .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { +- color: rgba(0, 0, 0, 0.3); +- background-color: rgba(0, 0, 0, 0); +- background-color: transparent; +- color: rgba(255, 255, 255, 0.5); } +- .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { +- background-color: transparent; +- background-color: none; } +- .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { +- color: rgba(0, 0, 0, 0.3); +- background-color: rgba(0, 0, 0, 0); +- background-color: transparent; +- color: rgba(255, 255, 255, 0.5); } +- .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(216, 225, 235, 0.9568); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); } +- .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { +- background-color: rgba(223, 231, 242, 0.9568); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } +- .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { +- background-color: rgba(230, 238, 249, 0.9568); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } +- .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(244, 244, 244, 0.952); } +- .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(251, 251, 251, 0.952); } +- .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(255, 255, 255, 0.952); } +- .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { +- background-color: rgba(255, 255, 255, 0.952); } +- .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { +- background-color: rgba(255, 255, 255, 0.952); } +- +-/* General Typography */ +-.search-statustext { +- font-weight: 300; +- font-size: 24pt; } +- +-.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { +- font-weight: 800; +- font-size: 20pt; } +- +-.lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { +- font-weight: 800; +- font-size: 15pt; } +- +-.nm-dialog-airplane-headline { +- font-weight: 700; +- font-size: 15pt; } +- +-.message-dialog-content .message-dialog-title.lightweight, .headline { +- font-weight: 700; +- font-size: 13pt; } +- +-.lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { +- font-weight: 700; +- font-size: 11pt; } +- +-.app-menu .popup-inactive-menu-item:first-child > StLabel { +- font-weight: 700; +- font-size: 9pt; } +- +-.login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, +-.prompt-dialog-info-label, +-.prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { +- font-weight: 400; +- font-size: 9pt; } +- +-.calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { +- font-weight: 400; +- font-size: 8pt; } +- +-.unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { +- font-feature-settings: "tnum"; } ++ border-radius: 0 0 14px 14px; } + + /* WIDGETS */ + .shell-link { +@@ -227,50 +153,42 @@ stage { + StEntry { + border-radius: 8px; + padding: 8px; +- color: rgba(0, 0, 0, 0.8); +- background-color: white; +- color: rgba(0, 0, 0, 0.5); +- border: 2px solid white; ++ border-width: 1px; ++ color: #2e3436; ++ background-color: #fff; ++ border-color: #cdc7c2; + selection-background-color: #3584e4; + selected-color: #fff; } +- StEntry:hover { +- background-color: #fbfafa; +- border-color: #fbfafa; +- color: rgba(0, 0, 0, 0.5); } + StEntry:focus { +- background-color: #f5f9fe; +- border-color: #3584e4; +- color: rgba(0, 0, 0, 0.8); } ++ border-color: #185fb4; ++ box-shadow: inset 0 0 0 1px #3584e4; } + StEntry:insensitive { +- background-color: white; +- border-color: white; +- color: rgba(148, 147, 146, 0.9); } ++ color: #929595; ++ border-color: #faf9f8; ++ box-shadow: none; } + StEntry StIcon.capslock-warning { + icon-size: 16px; +- warning-color: #e5a50a; ++ warning-color: #f57900; + padding: 0 4px; } + StEntry StIcon.peek-password { + icon-size: 1.09em; + padding: 0 4px; } + StEntry StLabel.hint-text { + margin-left: 2px; +- color: rgba(0, 0, 0, 0.5); } ++ color: rgba(46, 52, 54, 0.7); } + + /* Buttons */ +-.button { +- min-height: 22px; } +- + /* Check Boxes */ + .check-box StBoxLayout { + spacing: .8em; } + + .check-box StBin { + width: 24px; +- height: 24px; +- background-image: url("resource:///org/gnome/shell/theme/checkbox-off-light.svg"); } ++ height: 22px; ++ background-image: url("resource:///org/gnome/shell/theme/checkbox-off.svg"); } + + .check-box:focus StBin { +- background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-light.svg"); } ++ background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"); } + + .check-box:checked StBin { + background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); } +@@ -280,28 +198,34 @@ StEntry { + + /* Switches */ + .toggle-switch { +- color: rgba(0, 0, 0, 0.8); +- height: 26px; +- width: 48px; ++ color: #2e3436; ++ height: 22px; ++ width: 46px; + background-size: contain; +- background-image: url("resource:///org/gnome/shell/theme/toggle-off-light.svg"); } ++ background-image: url("resource:///org/gnome/shell/theme/toggle-off.svg"); } + .toggle-switch:checked { +- background-image: url("resource:///org/gnome/shell/theme/toggle-on-light.svg"); } ++ background-image: url("resource:///org/gnome/shell/theme/toggle-on.svg"); } + + /* Slider */ + .slider { +- -barlevel-height: 4px; +- -barlevel-background-color: rgba(0, 0, 0, 0.2); +- -barlevel-border-width: 2px; +- -barlevel-border-color: transparent; ++ height: 15px; ++ -barlevel-height: 3px; ++ -barlevel-background-color: #cdc7c2; ++ -barlevel-border-width: 1px; ++ -barlevel-border-color: #cdc7c2; + -barlevel-active-background-color: #3584e4; +- -barlevel-active-border-color: transparent; ++ -barlevel-active-border-color: #2379e2; + -barlevel-overdrive-color: #e01b24; +- -barlevel-overdrive-border-color: transparent; ++ -barlevel-overdrive-border-color: #ce1921; + -barlevel-overdrive-separator-width: 1px; +- -slider-handle-radius: 8px; +- -slider-handle-border-width: 0; +- -slider-handle-border-color: transparent; } ++ -slider-handle-radius: 7.5px; ++ -slider-handle-border-width: 1px; ++ -slider-handle-border-color: #cdc7c2; ++ color: white; } ++ .slider:hover { ++ color: #efedec; } ++ .slider:active { ++ color: #e6e3e0; } + + /* Scrollbars */ + StScrollView.vfade { +@@ -313,493 +237,523 @@ StScrollView.hfade { + StScrollBar { + padding: 0; } + StScrollView StScrollBar { +- min-width: 8px; +- min-height: 8px; } ++ min-width: 14px; ++ min-height: 14px; } + StScrollBar StBin#trough { + border-radius: 0; + background-color: transparent; } + StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 8px; +- background-color: rgba(191, 191, 190, 0.94); +- border: 3px solid transparent; +- transition: 500ms all ease; } ++ background-color: #7e8182; ++ margin: 3px; } + StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { +- background-color: rgba(148, 147, 146, 0.9); } ++ background-color: #565b5c; } + StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { +- background-color: rgba(170, 170, 169, 0.92); } ++ background-color: #3584e4; } + + /* Popovers/Menus */ + .popup-menu-boxpointer, .candidate-popup-boxpointer { +- margin: 4px; } ++ -arrow-border-radius: 12px; ++ -arrow-background-color: #f6f5f4; ++ -arrow-border-width: 1px; ++ -arrow-border-color: #cdc7c2; ++ -arrow-base: 24px; ++ -arrow-rise: 12px; ++ -arrow-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); } + + .popup-menu { + min-width: 15em; +- color: rgba(0, 0, 0, 0.8); } ++ color: #2e3436; } + .popup-menu.panel-menu { +- -boxpointer-gap: 6px; ++ -boxpointer-gap: 4px; + margin-bottom: 1.75em; } + +-.popup-menu-content, .candidate-popup-content { +- padding: 6px; +- padding-top: 4px !important; +- padding-bottom: 4px !important; +- border-radius: 14px; +- border: 1px solid rgba(255, 255, 255, 0.8); +- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); +- background-color: #f6f5f4; } ++.popup-menu-content { ++ padding: 16px 0; } + + .popup-menu-item { +- padding: 9px 12px; +- margin: 2px 0; +- border-radius: 8px; +- transition: 0.2s all ease; +- background-color: transparent; } +- .popup-menu-item:focus, .popup-menu-item:hover { +- background-color: #efedec !important; } +- .popup-menu-item:focus:active, .popup-menu-item:hover:active { +- background-color: #ebe8e6 !important; } +- .popup-menu-item:checked { +- background-color: #e6e3e0 !important; } ++ spacing: 6px; ++ padding: 6px; } ++ .popup-menu-item:ltr { ++ padding-right: 1.75em; ++ padding-left: 0; } ++ .popup-menu-item:rtl { ++ padding-right: 0; ++ padding-left: 1.75em; } + .popup-menu-item:checked { +- margin-bottom: 0; +- box-shadow: inset 0 -1px 0 0 #dad6d2; +- border-radius: 8px 8px 0 0; } +- .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { +- background-color: #edebe9 !important; } +- .popup-menu-item:checked:active { +- background-color: #f1f0ee !important; } ++ background-color: #fbfafa; ++ box-shadow: none; } ++ .popup-menu-item.selected { ++ background-color: rgba(255, 255, 255, 0.8); ++ color: #2e3436; } + .popup-menu-item:active { +- background-color: #f6f5f4; +- color: rgba(0, 0, 0, 0.8); } ++ background-color: #3584e4; ++ color: #fff; } + .popup-menu-item:insensitive { +- color: rgba(0, 0, 0, 0.3); } ++ color: rgba(46, 52, 54, 0.5); } + + .popup-inactive-menu-item { +- color: rgba(0, 0, 0, 0.8); } ++ color: #2e3436; } + .popup-inactive-menu-item:insensitive { +- color: rgba(148, 147, 146, 0.9); } ++ color: rgba(46, 52, 54, 0.5); } + + .popup-menu-arrow, + .popup-menu-icon { +- icon-size: 16px !important; } +- +-.popup-menu-arrow:ltr { +- margin-right: 4px; } +- +-.popup-menu-arrow:rtl { +- margin-left: 4px; } ++ icon-size: 1.09em; } + + .popup-sub-menu { +- background-color: #e6e3e0; +- border-radius: 0 0 8px 8px; } +- .popup-sub-menu .popup-menu-ornament { +- min-width: 1.09em !important; } +- .popup-sub-menu .popup-menu-item { +- border-radius: 0; +- margin: 0; } +- .popup-sub-menu .popup-menu-item:last-child { +- border-radius: 0 0 8px 8px; } +- .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { +- background-color: white !important; } +- .popup-sub-menu .popup-menu-item:checked { +- background-color: #fdfdfc !important; } +- .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { +- background-color: #f8f8f7 !important; } +- .popup-sub-menu .popup-menu-item:active { +- background-color: white !important; } +- .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { +- border-radius: 0; } +- .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { +- border-radius: 0 0 8px 8px; } ++ background-color: #efedec; ++ box-shadow: none; ++ border-top: 1px solid rgba(205, 199, 194, 0.8); ++ border-bottom: 1px solid rgba(205, 199, 194, 0.8); } + + .popup-menu-ornament { +- width: 1.2em; +- text-align: center !important; } ++ width: 1.2em; } + .popup-menu-ornament:ltr { + text-align: right; } + .popup-menu-ornament:rtl { + text-align: left; } + + .popup-separator-menu-item { +- padding: 0; +- margin: 4px 0; } ++ padding: 0; } + .popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; +- background-color: rgba(0, 0, 0, 0.3); } +- .popup-separator-menu-item .popup-menu-ornament { +- width: 0 !important; } +- .popup-sub-menu .popup-separator-menu-item { +- padding: 0; +- margin-right: 2.5em !important; +- background-color: transparent; } ++ margin: 6px 64px; ++ background-color: #d1ccc7; } + .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { +- background-color: rgba(18, 18, 18, 0.3); } ++ margin: 0 64px 0 32px; } + + .background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0px; } + + .aggregate-menu { +- min-width: 22em; } +- .aggregate-menu .popup-menu-ornament { +- width: 0 !important; } ++ min-width: 21em; } + .aggregate-menu .popup-menu-icon { ++ padding: 0; ++ margin: 0 4px; + -st-icon-style: symbolic; } +- .aggregate-menu .popup-menu-icon:ltr { +- margin-right: 8px; } +- .aggregate-menu .popup-menu-icon:rtl { +- margin-left: 8px; } + .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { +- margin-left: 8px; } ++ padding-left: 14px; ++ margin-left: 1.09em; } + .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { +- margin-right: 8px; } +- +-.app-menu { +- max-width: 27.25em; } +- .app-menu .popup-menu-content, .app-menu .candidate-popup-content { +- margin: 4px; } +- .app-menu.panel-menu .popup-menu-content, .app-menu.panel-menu .candidate-popup-content { +- margin: 0; } +- .app-menu .popup-menu-ornament { +- width: 0 !important; } +- .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { +- margin-right: 8px; } +- .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { +- margin-left: 8px; } ++ padding-right: 14px; ++ margin-right: 1.09em; } + + /* Date/Time Menu */ ++.clock-display-box { ++ spacing: 2px; } ++ .clock-display-box .clock { ++ padding-left: 12px; ++ padding-right: 12px; } ++ + #calendarArea { +- padding: 6px; } ++ padding: 0; } + + .datemenu-calendar-column { +- spacing: 6px; } ++ spacing: 6px; ++ border: 0 solid #cdc7c2; ++ padding: 0 12px; } + .datemenu-calendar-column:ltr { +- padding-left: 6px; } ++ margin-right: 8px; ++ border-left-width: 1px; } + .datemenu-calendar-column:rtl { +- padding-right: 6px; } ++ margin-left: 8px; ++ border-right-width: 1px; } + .datemenu-calendar-column .datemenu-displays-box { + spacing: 6px; } + ++.events-section-title { ++ border-width: 1px; ++ border-style: solid; ++ border-radius: 10px; ++ margin: 4px; ++ border-color: transparent; ++ background-color: transparent; ++ background-image: none; ++ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); ++ text-shadow: none; ++ icon-shadow: none; ++ color: black; ++ font-weight: bold; ++ padding: .4em; } ++ .events-section-title:focus { ++ color: #2e3436; ++ 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(53, 132, 228, 0.6); } ++ .events-section-title:hover { ++ color: #2e3436; ++ background-color: white; ++ border-color: #d6d1cd; ++ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } ++ .events-section-title:active { ++ color: #2e3436; ++ background-color: #efedec; ++ border-color: #cdc7c2; ++ text-shadow: none; ++ icon-shadow: none; ++ box-shadow: none; } ++ + /* today button (the date) */ + .datemenu-today-button { +- border-radius: 8px; ++ border-width: 1px; ++ border-style: solid; ++ border-radius: 10px; + margin: 4px; +- box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); ++ border-color: transparent; + background-color: transparent; +- background-color: none; +- box-shadow: none !important; ++ background-image: none; ++ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); ++ text-shadow: none; ++ icon-shadow: none; + padding: 9px; } +- .datemenu-today-button:insensitive { +- color: rgba(0, 0, 0, 0.3); +- background-color: rgba(0, 0, 0, 0); +- background-color: transparent; +- color: rgba(255, 255, 255, 0.5); } + .datemenu-today-button:focus { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(219, 226, 235, 0.991); ++ color: #2e3436; ++ 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(53, 132, 228, 0.6); } +- .datemenu-today-button:focus:hover { +- background-color: rgba(226, 233, 242, 0.991); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } +- .datemenu-today-button:focus:active { +- background-color: rgba(232, 240, 250, 0.991); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } + .datemenu-today-button:hover { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(245, 245, 244, 0.99); } ++ color: #2e3436; ++ background-color: white; ++ border-color: #d6d1cd; ++ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } + .datemenu-today-button:active { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(252, 252, 252, 0.99); } ++ color: #2e3436; ++ background-color: #efedec; ++ border-color: #cdc7c2; ++ text-shadow: none; ++ icon-shadow: none; ++ box-shadow: none; } ++ .datemenu-today-button .day-label { ++ font-size: 12pt; ++ font-weight: bold; } ++ .datemenu-today-button .date-label { ++ font-size: 18pt; ++ font-weight: 1000; } + + /* Calendar */ + .calendar { +- border-radius: 8px; ++ border-width: 1px; ++ border-style: solid; ++ border-radius: 10px; + margin: 4px; ++ color: #2e3436; ++ background-color: #fdfdfc; ++ border-color: #cdc7c2; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); +- background-color: transparent; +- background-color: none; +- box-shadow: none !important; +- margin-top: 0; } +- .calendar:insensitive { +- color: rgba(0, 0, 0, 0.3); +- background-color: rgba(0, 0, 0, 0); +- background-color: transparent; +- color: rgba(255, 255, 255, 0.5); } ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ padding: 6px; } + .calendar:focus { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(219, 226, 235, 0.991); ++ color: #2e3436; ++ 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(53, 132, 228, 0.6); } +- .calendar:focus:hover { +- background-color: rgba(226, 233, 242, 0.991); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } +- .calendar:focus:active { +- background-color: rgba(232, 240, 250, 0.991); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } + .calendar:hover { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(245, 245, 244, 0.99); } ++ color: #2e3436; ++ background-color: white; ++ border-color: #d6d1cd; ++ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } + .calendar:active { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(252, 252, 252, 0.99); } +- .calendar .calendar-month-header .calendar-change-month-back StIcon, +- .calendar .calendar-month-header .calendar-change-month-forward StIcon { +- icon-size: 1.09em; } +- .calendar .calendar-month-header .calendar-month-label { +- color: rgba(13, 13, 13, 0.8); ++ color: #2e3436; ++ background-color: #efedec; ++ border-color: #cdc7c2; ++ text-shadow: none; ++ icon-shadow: none; ++ box-shadow: none; } ++ .calendar .calendar-month-label { ++ color: #3a4144; ++ font-weight: bold; + padding: 8px 0; } +- .calendar .calendar-month-header .pager-button { ++ .calendar .calendar-change-month-back StIcon, ++ .calendar .calendar-change-month-forward StIcon { ++ icon-size: 1.09em; } ++ .calendar .pager-button { + background-color: transparent; + height: 32px; + width: 32px; +- margin: 2px; +- border-radius: 6px; } +- .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { +- background-color: #efedec; } +- .calendar .calendar-month-header .pager-button:active { +- background-color: #ebe8e6; } ++ border-radius: 8px; } ++ .calendar .pager-button:hover, .calendar .pager-button:focus { ++ background-color: #fbfafa; } ++ .calendar .pager-button:active { ++ background-color: #e6e3e0; } + .calendar .calendar-day-base { ++ font-size: 8pt; + text-align: center; ++ width: 32px; ++ height: 32px; ++ padding: 0; + margin: 2px; +- padding: 0 !important; +- height: 32px !important; +- width: 32px !important; +- border-radius: 99px; } +- .calendar .calendar-day-base:hover { ++ border-radius: 18px; ++ border: 1px solid transparent; ++ font-feature-settings: "tnum"; } ++ .calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus { + background-color: #efedec; } +- .calendar .calendar-day-base:focus { +- background-color: #cfdef1; +- color: #fff; +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); } + .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { +- color: rgba(0, 0, 0, 0.8); ++ color: #454f52; + background-color: #ebe8e6; } +- .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { +- background-color: #c6d4e6; } + .calendar .calendar-day-base.calendar-day-heading { +- color: rgba(148, 147, 146, 0.9); +- padding-top: 6px; +- height: 16px !important; +- font-weight: bold; } ++ color: #454f52; ++ margin-top: 1em; ++ font-size: 7pt; } ++ .calendar .calendar-day { ++ border-width: 0; } ++ .calendar .calendar-day-top { ++ border-top-width: 1px; } ++ .calendar .calendar-day-left { ++ border-left-width: 1px; } + .calendar .calendar-nonwork-day { +- color: rgba(148, 147, 146, 0.9); } +- .calendar .calendar-other-month-day { +- color: rgba(0, 0, 0, 0.3); } +- .calendar .calendar-other-month-day.calendar-nonwork-day { +- color: rgba(148, 147, 146, 0.4); } ++ color: #929595; } + .calendar .calendar-today { ++ font-weight: bold; ++ border: 1px solid transparent; + background-color: #3584e4; +- font-weight: 800; +- color: #fff !important; } ++ color: #fff; } + .calendar .calendar-today:hover, .calendar .calendar-today:focus { + background-color: #428ce6; +- color: inherit; } ++ color: #fff; } + .calendar .calendar-today:active, .calendar .calendar-today:selected { + background-color: #3584e4; +- color: inherit; } ++ color: #fff; } + .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { + background-color: #428ce6; +- color: inherit; } ++ color: #fff; } + .calendar .calendar-day-with-events { +- background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg"); +- background-size: contain; } ++ background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg"); } ++ .calendar .calendar-day-with-events.calendar-work-day { ++ color: #454f52; ++ font-weight: bold; } ++ .calendar .calendar-other-month-day { ++ color: rgba(46, 52, 54, 0.5); } + .calendar .calendar-week-number { + font-size: 7pt; + font-weight: bold; +- font-feature-settings: "tnum"; ++ height: 1.8em; ++ width: 2.3em; ++ border-radius: 2px; + margin: 6px; +- padding: 0 6px; +- border-radius: 3px; + background-color: #f1f0ee; +- color: rgba(148, 147, 146, 0.9); } ++ color: #3a4144; } + + /* Events */ + .events-button { +- border-radius: 8px; ++ border-width: 1px; ++ border-style: solid; ++ border-radius: 10px; + margin: 4px; ++ color: #2e3436; ++ background-color: #fdfdfc; ++ border-color: #cdc7c2; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(238, 237, 236, 0.99); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); + padding: 12px; } + .events-button:focus { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(219, 226, 235, 0.991); ++ color: #2e3436; ++ 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(53, 132, 228, 0.6); } +- .events-button:focus:hover { +- background-color: rgba(226, 233, 242, 0.991); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } +- .events-button:focus:active { +- background-color: rgba(232, 240, 250, 0.991); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } + .events-button:hover { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(245, 245, 244, 0.99); } ++ color: #2e3436; ++ background-color: white; ++ border-color: #d6d1cd; ++ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } + .events-button:active { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(252, 252, 252, 0.99); } ++ color: #2e3436; ++ background-color: #efedec; ++ border-color: #cdc7c2; ++ text-shadow: none; ++ icon-shadow: none; ++ box-shadow: none; } + .events-button .events-box { + spacing: 6px; } + .events-button .events-list { + spacing: 12px; } + .events-button .events-title { +- color: rgba(148, 147, 146, 0.9); ++ color: black; ++ font-weight: bold; + margin-bottom: 4px; } + .events-button .event-time { +- color: rgba(148, 147, 146, 0.9); } ++ color: black; ++ font-feature-settings: "tnum"; ++ font-size: 10pt; } + + /* World clocks */ + .world-clocks-button { +- border-radius: 8px; ++ border-width: 1px; ++ border-style: solid; ++ border-radius: 10px; + margin: 4px; ++ color: #2e3436; ++ background-color: #fdfdfc; ++ border-color: #cdc7c2; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(238, 237, 236, 0.99); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); + padding: 12px; } + .world-clocks-button:focus { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(219, 226, 235, 0.991); ++ color: #2e3436; ++ 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(53, 132, 228, 0.6); } +- .world-clocks-button:focus:hover { +- background-color: rgba(226, 233, 242, 0.991); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } +- .world-clocks-button:focus:active { +- background-color: rgba(232, 240, 250, 0.991); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } + .world-clocks-button:hover { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(245, 245, 244, 0.99); } ++ color: #2e3436; ++ background-color: white; ++ border-color: #d6d1cd; ++ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } + .world-clocks-button:active { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(252, 252, 252, 0.99); } ++ color: #2e3436; ++ background-color: #efedec; ++ border-color: #cdc7c2; ++ text-shadow: none; ++ icon-shadow: none; ++ box-shadow: none; } + .world-clocks-button .world-clocks-grid { + spacing-rows: 6px; + spacing-columns: 12px; } + .world-clocks-button .world-clocks-header { +- color: rgba(148, 147, 146, 0.9); } ++ color: black; ++ font-weight: bold; } + .world-clocks-button .world-clocks-city { +- color: rgba(0, 0, 0, 0.8); } ++ color: #2e3436; ++ font-size: 11pt; ++ font-weight: normal; } + .world-clocks-button .world-clocks-time { +- color: rgba(0, 0, 0, 0.8); } ++ font-weight: bold; ++ color: #2e3436; ++ font-feature-settings: "tnum"; ++ font-size: 11pt; } + .world-clocks-button .world-clocks-time:ltr { + text-align: right; } + .world-clocks-button .world-clocks-time:rtl { + text-align: left; } + .world-clocks-button .world-clocks-timezone { +- color: rgba(148, 147, 146, 0.9); } ++ color: black; ++ font-feature-settings: "tnum"; ++ font-size: 10pt; } + + /* Weather */ + .weather-button { +- border-radius: 8px; ++ border-width: 1px; ++ border-style: solid; ++ border-radius: 10px; + margin: 4px; ++ color: #2e3436; ++ background-color: #fdfdfc; ++ border-color: #cdc7c2; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(238, 237, 236, 0.99); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); + padding: 12px; } + .weather-button:focus { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(219, 226, 235, 0.991); ++ color: #2e3436; ++ 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(53, 132, 228, 0.6); } +- .weather-button:focus:hover { +- background-color: rgba(226, 233, 242, 0.991); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } +- .weather-button:focus:active { +- background-color: rgba(232, 240, 250, 0.991); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } + .weather-button:hover { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(245, 245, 244, 0.99); } ++ color: #2e3436; ++ background-color: white; ++ border-color: #d6d1cd; ++ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } + .weather-button:active { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(252, 252, 252, 0.99); } ++ color: #2e3436; ++ background-color: #efedec; ++ border-color: #cdc7c2; ++ text-shadow: none; ++ icon-shadow: none; ++ box-shadow: none; } + .weather-button .weather-box { + spacing: 10px; } + .weather-button .weather-header-box { + spacing: 6px; } + .weather-button .weather-header { +- color: rgba(148, 147, 146, 0.9); } ++ color: black; ++ font-weight: bold; } + .weather-button .weather-header.location { +- font-weight: normal; } ++ font-weight: normal; ++ font-size: 10pt; } + .weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; } + .weather-button .weather-forecast-time { +- color: rgba(0, 0, 0, 0.8); ++ color: black; ++ font-feature-settings: "tnum"; ++ font-size: 9pt; ++ font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; } + .weather-button .weather-forecast-icon { + icon-size: 2.18em; } ++ .weather-button .weather-forecast-temp { ++ font-weight: bold; } + + /* Message List */ + .message-list { +- width: 32em; +- border: solid rgba(0, 0, 0, 0.3); } +- .message-list:ltr { +- margin-left: 0; +- margin-right: 4px; +- padding-right: 6px; +- border-right-width: 1px; } +- .message-list:rtl { +- margin-right: 0; +- margin-left: 4px; +- padding-left: 6px; +- border-left-width: 1px; } ++ width: 31.5em; ++ padding: 0 12px; } + .message-list .message-list-placeholder { +- color: rgba(148, 147, 146, 0.4); } +- .message-list .message-list-placeholder > StIcon { +- icon-size: 3.27em; +- margin-bottom: 12px; +- -st-icon-style: symbolic; } ++ spacing: 12px; } + + .message-list-sections { + spacing: 6px; +- margin: 0; +- padding-bottom: 6px; } +- .message-list-sections:ltr { +- margin-right: 12px; } +- .message-list-sections:rtl { +- margin-left: 12px; } ++ margin: 0 16px; } + + .message-list-section, + .message-list-section-list { + spacing: 6px; } + + .message-list-controls { +- padding: 6px; +- spacing: 6px; } +- .message-list-controls .dnd-button { +- border-width: 2px; +- border-color: transparent; +- border-radius: 32px; +- border-style: solid; } +- .message-list-controls .dnd-button:focus { +- border-color: rgba(53, 132, 228, 0.6); } ++ margin: 8px 16px 0; ++ padding: 4px; ++ spacing: 12px; } + + .message { +- border-radius: 8px; ++ border-width: 1px; ++ border-style: solid; ++ border-radius: 10px; + margin: 4px; ++ color: #2e3436; ++ background-color: #fdfdfc; ++ border-color: #cdc7c2; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(238, 237, 236, 0.99); } ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } + .message:focus { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(219, 226, 235, 0.991); ++ color: #2e3436; ++ 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(53, 132, 228, 0.6); } +- .message:focus:hover { +- background-color: rgba(226, 233, 242, 0.991); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } +- .message:focus:active { +- background-color: rgba(232, 240, 250, 0.991); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } + .message:hover { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(245, 245, 244, 0.99); } ++ color: #2e3436; ++ background-color: white; ++ border-color: #d6d1cd; ++ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } + .message:active { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(252, 252, 252, 0.99); } ++ color: #2e3436; ++ background-color: #efedec; ++ border-color: #cdc7c2; ++ text-shadow: none; ++ icon-shadow: none; ++ box-shadow: none; } + .message .message-icon-bin { +- padding: 18px; +- padding-right: 6px; } ++ padding: 18px 0 18px 12px; } + .message .message-icon-bin:rtl { +- padding-right: 6px; } ++ padding: 18px 12px 18px 0; } + .message .message-icon-bin > StIcon { + icon-size: 2.18em; + -st-icon-style: symbolic; } +@@ -807,17 +761,14 @@ StScrollBar { + width: 1.09em; + height: 1.09em; } + .message .message-content { +- spacing: 4px; +- padding: 9px; +- margin-bottom: 8px; } ++ padding: 14px; ++ spacing: 4px; } + .message .message-title { +- font-weight: bold; +- /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ +- padding-top: 0.57em; } ++ font-weight: bold; } + .message .message-secondary-bin { + padding: 0 8px; } + .message .message-secondary-bin > .event-time { +- color: rgba(0, 0, 0, 0.3); ++ color: rgba(46, 52, 54, 0.5); + font-size: 9pt; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; } +@@ -826,99 +777,83 @@ StScrollBar { + .message .message-secondary-bin > .event-time:rtl { + text-align: left; } + .message .message-close-button { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(0, 0, 0, 0); +- border-radius: 99px; +- padding: 5px; +- margin: 1px; } ++ color: #515c5f; } + .message .message-close-button:hover { +- background-color: rgba(0, 0, 0, 0); } ++ color: #748489; } + .message .message-close-button:active { +- background-color: rgba(0, 0, 0, 0); } ++ color: #909ca0; } + .message .message-body { +- color: rgba(0, 0, 0, 0.8); } ++ color: #17191a; } + + .url-highlighter { + link-color: #1b6acb; } + + /* Media Controls */ + .message-media-control { +- padding: 0 18px; +- margin: 12px 0; +- border-radius: 8px; +- color: rgba(0, 0, 0, 0.8); } ++ padding: 12px 1.64em; ++ color: #0b0c0d; } + .message-media-control:hover { + background-color: #fbfafa; +- color: rgba(0, 0, 0, 0.8); } ++ color: #2e3436; } + .message-media-control:active { +- background-color: #f6f5f4; +- color: rgba(0, 0, 0, 0.8); } ++ background-color: #ebe8e6; ++ color: #2e3436; } + .message-media-control:insensitive { +- color: rgba(161, 160, 159, 0.9); } ++ color: black; } + .message-media-control:last-child:ltr { +- margin-right: 12px; } ++ border-radius: 0 10px 10px 0; } + .message-media-control:last-child:rtl { +- margin-left: 12px; } ++ border-radius: 10px 0 0 10px; } + + .media-message-cover-icon { +- icon-size: 3.27em !important; ++ icon-size: 2.18em !important; + border-radius: 8px; } + .media-message-cover-icon.fallback { +- color: rgba(0, 0, 0, 0.8); ++ color: #060707; + background-color: #f6f5f4; + border: 1px solid transparent; + border-radius: 8px; +- icon-size: 2.18em !important; +- padding: 14px; } ++ icon-size: 2.18em !important; } + + .candidate-popup-content { +- padding: 6px; +- spacing: 6px; } ++ padding: 0.5em; ++ spacing: 0.3em; } + + .candidate-index { +- padding: 0; +- padding-right: 6px; +- color: rgba(148, 147, 146, 0.9); } ++ padding: 0 0.5em 0 0; ++ color: #17191a; } + + .candidate-box { +- padding: 6px 12px 6px 12px; ++ padding: 0.3em 0.5em 0.3em 0.5em; + border-radius: 8px; } +- .candidate-box:selected { ++ .candidate-box:selected, .candidate-box:hover { + background-color: #3584e4; + color: #fff; } +- .candidate-box:hover { +- background-color: #efedec; +- color: rgba(0, 0, 0, 0.8); } + + .candidate-page-button-box { + height: 2em; } + .vertical .candidate-page-button-box { +- padding-top: 12px; } ++ padding-top: 0.5em; } + .horizontal .candidate-page-button-box { +- padding-left: 12px; } ++ padding-left: 0.5em; } + + .candidate-page-button { +- padding: 6px; } ++ padding: 4px; } + + .candidate-page-button-previous { + border-radius: 8px 0px 0px 8px; +- border-right-width: 0; +- box-shadow: none; } ++ border-right-width: 0; } + + .candidate-page-button-next { +- border-radius: 0px 8px 8px 0px; +- box-shadow: none; } ++ border-radius: 0px 8px 8px 0px; } + + .candidate-page-button-icon { +- icon-size: 1.09em; } ++ icon-size: 1em; } + + /* Notifications & Message Tray */ + .notification-banner { + min-height: 64px; +- width: 34em; +- box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); +- border-radius: 12px; +- margin: 4px; } ++ width: 34em; } + .notification-banner .notification-actions { + spacing: 0; } + +@@ -931,7 +866,7 @@ StScrollBar { + -shell-counter-overlap-y: 3px; + background-color: #3584e4; + color: #fff; +- border: 2px solid rgba(0, 0, 0, 0.8); ++ border: 2px solid #2e3436; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; } + +@@ -942,7 +877,7 @@ StScrollBar { + margin: 5px; } + + .chat-log-message { +- color: rgba(0, 0, 0, 0.8); } ++ color: #17191a; } + + .chat-new-group { + padding-top: 1em; } +@@ -955,7 +890,7 @@ StScrollBar { + + .chat-sent { + padding-left: 18pt; +- color: rgba(38, 38, 38, 0.8); } ++ color: #515c5f; } + .chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; } +@@ -964,7 +899,7 @@ StScrollBar { + padding-left: 4px; + font-size: 9pt; + font-weight: bold; +- color: rgba(46, 46, 46, 0.8); } ++ color: #586468; } + .chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; } +@@ -974,23 +909,33 @@ StScrollBar { + padding: 0 4px; } + + /* Modal Dialogs */ +-.modal-dialog .modal-dialog-content-box { +- margin: 32px 40px; +- spacing: 32px; +- max-width: 28em; } ++.headline { ++ font-size: 12pt; } ++ ++.modal-dialog { ++ border-radius: 16px; } ++ .modal-dialog .modal-dialog-content-box { ++ margin: 32px 40px; ++ spacing: 32px; ++ max-width: 28em; } + + /* End Session Dialog */ + .end-session-dialog { + width: 30em; } + .end-session-dialog .end-session-dialog-battery-warning, + .end-session-dialog .dialog-list-title { +- color: #e5a50a; } ++ color: #f57900; } + + /* Message Dialog */ + .message-dialog-content { + spacing: 18px; } + .message-dialog-content .message-dialog-title { +- text-align: center; } ++ text-align: center; ++ font-size: 18pt; ++ font-weight: 800; } ++ .message-dialog-content .message-dialog-title.lightweight { ++ font-size: 13pt; ++ font-weight: 800; } + .message-dialog-content .message-dialog-description { + text-align: center; } + +@@ -998,7 +943,8 @@ StScrollBar { + .dialog-list { + spacing: 18px; } + .dialog-list .dialog-list-title { +- text-align: center; } ++ text-align: center; ++ font-weight: bold; } + .dialog-list .dialog-list-scrollview { + max-height: 200px; } + .dialog-list .dialog-list-box { +@@ -1008,7 +954,8 @@ StScrollBar { + .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; } + .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { +- color: rgba(0, 0, 0, 0.8); } ++ color: #222728; ++ font-size: 10pt; } + + /* Run Dialog */ + .run-dialog .modal-dialog-content-box { +@@ -1019,8 +966,9 @@ StScrollBar { + width: 20em; } + + .run-dialog .run-dialog-description { ++ font-size: 10pt; + text-align: center; +- color: rgba(0, 0, 0, 0.8); } ++ color: black; } + + /* Password or Authentication Dialog */ + .prompt-dialog { +@@ -1047,10 +995,11 @@ StScrollBar { + .prompt-dialog-error-label, + .prompt-dialog-info-label, + .prompt-dialog-null-label { +- text-align: center; } ++ text-align: center; ++ font-size: 10pt; } + + .prompt-dialog-error-label { +- color: #e5a50a; } ++ color: #f57900; } + + /* Polkit Dialog */ + .polkit-dialog-user-layout { +@@ -1058,7 +1007,7 @@ StScrollBar { + spacing: 8px; + margin-bottom: 6px; } + .polkit-dialog-user-layout .polkit-dialog-user-root-label { +- color: #e5a50a; } ++ color: #f57900; } + + /* Audio selection dialog */ + .audio-device-selection-dialog .modal-dialog-content-box { +@@ -1068,7 +1017,8 @@ StScrollBar { + spacing: 20px; } + + .audio-selection-device { +- border-radius: 16px; } ++ border: 1px solid #cdc7c2; ++ border-radius: 12px; } + .audio-selection-device:hover, .audio-selection-device:focus { + background-color: #efedec; } + .audio-selection-device:active { +@@ -1090,7 +1040,7 @@ StScrollBar { + height: 300px; + width: 300px; } + +-/* Select Network dialogs */ ++/* Network Dialogs */ + .nm-dialog { + max-height: 34em; + min-height: 31em; +@@ -1100,8 +1050,18 @@ StScrollBar { + spacing: 20px; + padding: 24px; } + +-.nm-dialog-subheader { +- color: rgba(148, 147, 146, 0.9); } ++.nm-dialog-airplane-box { ++ spacing: 12px; } ++ ++.nm-dialog-airplane-headline { ++ font-weight: bold; ++ text-align: center; } ++ ++.nm-dialog-airplane-text { ++ color: #2e3436; } ++ ++.nm-dialog-header { ++ font-weight: bold; } + + .nm-dialog-header-icon { + icon-size: 2.18em; } +@@ -1110,18 +1070,18 @@ StScrollBar { + spacing: 10px; } + + .nm-dialog-scroll-view { +- padding: 6px; +- border-radius: 8px; +- background-color: #fff; } ++ border: 1px solid #cdc7c2; ++ padding: 0; ++ background-color: #efedec; } + + .nm-dialog-item { +- padding: 12px; } ++ font-size: 11pt; ++ border-bottom: 1px solid #cdc7c2; ++ padding: 12px; ++ spacing: 0px; } + .nm-dialog-item:selected { + background-color: #3584e4; +- border-radius: 5px; + color: #fff; } +- .nm-dialog-item:hover { +- background-color: #efedec; } + + .nm-dialog-icon { + icon-size: 1.09em; } +@@ -1129,51 +1089,31 @@ StScrollBar { + .nm-dialog-icons { + spacing: 12px; } + +-.no-networks-box { +- spacing: 6px; } +- + .no-networks-label { +- color: rgba(148, 147, 146, 0.9); } ++ color: #929595; } + +-.nm-dialog-airplane-box { +- text-align: center; +- spacing: 12px; } +- +-.nm-dialog-airplane-text { +- color: rgba(148, 147, 146, 0.9); } ++.no-networks-box { ++ spacing: 6px; } + + /* OSD */ + .osd-window { + text-align: center; + font-weight: bold; + spacing: 12px; +- padding: 12px 18px; +- margin-bottom: 4em; } +- .osd-window > * { +- spacing: 8px; } ++ margin: 32px; ++ min-width: 64px; ++ min-height: 64px; } + .osd-window StIcon { +- icon-size: 2.18em; } ++ icon-size: 6.54em; } + .osd-window .osd-monitor-label { + font-size: 3em; } +- .osd-window StLabel:ltr { +- margin-right: 6px; } +- .osd-window StLabel:rtl { +- margin-left: 6px; } + .osd-window .level { +- margin-bottom: 4px; +- height: 6px; +- min-width: 10.9em; +- -barlevel-height: 6px; +- -barlevel-background-color: rgba(255, 255, 255, 0.3); +- -barlevel-active-background-color: white; ++ height: 8px; ++ -barlevel-height: 8px; ++ -barlevel-background-color: rgba(238, 238, 236, 0.3); ++ -barlevel-active-background-color: #eeeeec; + -barlevel-overdrive-color: #e01b24; + -barlevel-overdrive-separator-width: 3px; } +- .osd-window .level:first-child { +- margin-bottom: 0px; } +- .osd-window .level:ltr { +- margin-right: 6px; } +- .osd-window .level:rtl { +- margin-left: 6px; } + + /* Pad OSD */ + .pad-osd-window { +@@ -1189,52 +1129,38 @@ StScrollBar { + + /* App Switcher */ + .switcher-popup { +- padding: 0; ++ padding: 8px; + spacing: 24px; } + +-.switcher-list { +- padding: 10px; +- border-radius: 24px; +- box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } +- .switcher-list .switcher-list-item-container { +- spacing: 12px; } +- .switcher-list .item-box { +- background-color: transparent; } +- .switcher-list .item-box:hover { +- background-color: rgba(255, 255, 255, 0.1); } +- .switcher-list .item-box:selected, .switcher-list .item-box:focus { +- background-color: rgba(255, 255, 255, 0.13); } +- .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { +- background-color: rgba(255, 255, 255, 0.16); } +- .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { +- background-color: rgba(255, 255, 255, 0.13); } +- .switcher-list .item-box:active { +- background-color: rgba(255, 255, 255, 0.16); } +- .switcher-list .item-box:outlined, .switcher-list .item-box:checked { +- background-color: rgba(255, 255, 255, 0.19); } +- .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { +- background-color: rgba(255, 255, 255, 0.22); } +- .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { +- background-color: rgba(255, 255, 255, 0.25); } +- .switcher-list .item-box:drop { +- border: 2px solid rgba(53, 132, 228, 0.8); +- background-color: rgba(53, 132, 228, 0.2); } +- .switcher-list .separator { +- width: 1px; +- background: rgba(0, 0, 0, 0.3); } +- .switcher-list .thumbnail-box { +- padding: 2px; +- spacing: 6px; } +- .switcher-list .thumbnail { +- width: 256px; +- border-radius: 8px; } ++.switcher-list .item-box { ++ padding: 8px; ++ border-radius: 9px; ++ border: 1px solid transparent; } ++ .switcher-list .item-box:outlined { ++ background-color: rgba(238, 238, 236, 0.3); } ++ .switcher-list .item-box:selected { ++ background-color: rgba(238, 238, 236, 0.3); ++ color: #eeeeec; } ++ ++.switcher-list .thumbnail-box { ++ padding: 2px; ++ spacing: 6px; } ++ ++.switcher-list .thumbnail { ++ width: 256px; } ++ ++.switcher-list .separator { ++ width: 1px; ++ background: #cdc7c2; } ++ ++.switcher-list .switcher-list-item-container { ++ spacing: 12px; } + + .switcher-arrow { +- border-color: rgba(255, 255, 255, 0.8); +- color: rgba(255, 255, 255, 0.8); } ++ border-color: rgba(0, 0, 0, 0); ++ color: rgba(46, 52, 54, 0.8); } + .switcher-arrow:highlighted { +- border-color: white; +- color: white; } ++ color: #2e3436; } + + .input-source-switcher-symbol { + font-size: 34pt; +@@ -1245,173 +1171,54 @@ StScrollBar { + border: 5px solid #3584e4; } + + /* Workspace Switcher */ +-.workspace-switcher { +- margin-bottom: 4em; +- spacing: 12px; +- padding: 12px 18px; } +- +-.ws-switcher-indicator { +- background-color: rgba(255, 255, 255, 0.5); +- padding: 0.1816666667em; +- margin: 0.9083333333em; +- border-radius: 2.18em; } +- .ws-switcher-indicator:active { +- background-color: white; +- padding: 0.3633333333em; +- margin: 0.7266666667em; } +- +-.icon-label-button-container { +- spacing: 6px; } +- .icon-label-button-container StIcon { +- icon-size: 32px; } ++.workspace-switcher-group { ++ padding: 12px; } + +-.screenshot-ui-panel { +- border-radius: 37px; +- padding: 18px; +- padding-bottom: 12px; +- margin-bottom: 4em; ++.workspace-switcher { ++ background: transparent; ++ border: none; ++ border-radius: 0; ++ padding: 0; + spacing: 12px; } + +-.screenshot-ui-close-button { +- padding: 6px; } +- .screenshot-ui-close-button.left { +- margin-left: 8px; } +- .screenshot-ui-close-button.right { +- margin-right: 8px; } +- +-.screenshot-ui-type-button { +- padding: 12px 18px !important; +- border-radius: 19px; } +- +-.screenshot-ui-capture-button { +- width: 36px; +- height: 36px; +- border-radius: 99px; +- border: 4px white; +- padding: 4px; } +- .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { +- background-color: white; +- transition-duration: 200ms; +- border-radius: 99px; } +- .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { +- background-color: #efedec; } +- .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { +- background-color: #d9d9d9; } +- .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { +- background-color: gray; } +- .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { +- background-color: #e01b24; } +- .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { +- background-color: #9c1319; } +- .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { +- background-color: #570b0e; } +- +-.screenshot-ui-shot-cast-container { +- background-color: #efedec; +- border-radius: 16px; +- padding: 3px; +- spacing: 3px; } +- .screenshot-ui-shot-cast-container:ltr { +- margin-left: 3px; } +- .screenshot-ui-shot-cast-container:rtl { +- margin-right: 3px; } +- +-.screenshot-ui-shot-cast-button { +- padding: 6px 12px; +- background-color: transparent; +- border-radius: 13px; } +- .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { +- background-color: #fbfafa; } +- .screenshot-ui-shot-cast-button:active { +- background-color: #f6f5f4; } +- .screenshot-ui-shot-cast-button:checked { +- background-color: white; +- color: black; } +- .screenshot-ui-shot-cast-button StIcon { +- icon-size: 1.09em; } +- +-.screenshot-ui-show-pointer-button { +- border-radius: 99px; +- padding: 12px !important; } +- .screenshot-ui-show-pointer-button StIcon { +- icon-size: 1.09em; } +- +-.screenshot-ui-area-indicator-shade { +- background-color: rgba(0, 0, 0, 0.3); } +- +-.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { +- background-color: rgba(0, 0, 0, 0.5); } +- +-.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { +- border: 2px white; } +- +-.screenshot-ui-area-selector-handle { +- border-radius: 99px; +- background-color: white; +- box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); +- width: 24px; +- height: 24px; } +- +-.screenshot-ui-window-selector { +- background-color: #fff; } +- .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { +- margin: 100px; } +- .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { +- margin-bottom: 200px; } +- +-.screenshot-ui-window-selector-window-border { +- transition-duration: 200ms; +- border-radius: 16px; +- border: 6px transparent; } +- +-.screenshot-ui-window-selector-check { +- transition-duration: 200ms; +- color: transparent; +- border-radius: 99px; +- border-width: 12px; +- icon-size: 24px; } +- +-.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { +- border-color: #185fb4; } +- +-.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { +- border-color: #3584e4; +- background-color: rgba(53, 132, 228, 0.2); } +- +-.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { +- color: white; +- background-color: #3584e4; } +- +-.screenshot-ui-screen-selector { +- transition-duration: 200ms; +- background-color: rgba(0, 0, 0, 0.5); } +- .screenshot-ui-screen-selector:hover { +- background-color: rgba(0, 0, 0, 0.3); } +- .screenshot-ui-screen-selector:active { +- background-color: rgba(0, 0, 0, 0.7); } +- .screenshot-ui-screen-selector:checked { +- background-color: transparent; +- border: 2px white; } +- +-.screenshot-ui-tooltip { +- color: white; +- background-color: rgba(245, 245, 245, 0.96); +- border-radius: 99px; +- padding: 6px 12px; +- text-align: center; +- -y-offset: 24px; } ++.ws-switcher-box { ++ background: transparent; ++ height: 50px; ++ background-size: 32px; ++ border: 1px solid rgba(238, 238, 236, 0.1); ++ border-radius: 11px; } ++ ++.ws-switcher-active-up, ++.ws-switcher-active-down, ++.ws-switcher-active-left, ++.ws-switcher-active-right { ++ height: 52px; ++ background-color: #3584e4; ++ border: 1px solid #1c6fd4; ++ border-radius: 11px; ++ color: #fff; } + + /* Top Bar */ + #panel { + background-color: #000; + font-weight: bold; + height: 2.2em; ++ font-feature-settings: "tnum"; + transition-duration: 250ms; } + #panel.unlock-screen, #panel.login-screen, #panel:overview { + background-color: transparent; } ++ #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel:overview .panel-corner { ++ -panel-corner-opacity: 0; } ++ #panel .panel-corner { ++ -panel-corner-radius: 9px; ++ -panel-corner-background-color: #000; ++ -panel-corner-border-width: 2px; ++ -panel-corner-border-color: transparent; ++ -panel-corner-opacity: 1; ++ transition-duration: 250ms; } + #panel .panel-button { + font-weight: bold; +- color: white; ++ color: #ddd; + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + transition-duration: 150ms; +@@ -1421,36 +1228,12 @@ StScrollBar { + transition-duration: 150ms; + border: 3px solid transparent; + border-radius: 99px; } +- #panel .panel-button.screen-recording-indicator { +- box-shadow: inset 0 0 0 100px #e01b24; } +- #panel .panel-button.screen-recording-indicator StBoxLayout { +- spacing: 6px; } +- #panel .panel-button.screen-recording-indicator StIcon { +- icon-size: 1.09em; } +- #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { ++ #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } +- #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { ++ #panel .panel-button.clock-display:hover, #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { + box-shadow: none; } +- #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { ++ #panel .panel-button.clock-display:hover .clock, #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } +- #panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:overview, #panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:checked { +- box-shadow: inset 0 0 0 100px rgba(224, 27, 36, 0.85); } +- #panel .panel-button:hover { +- box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } +- #panel .panel-button.clock-display:hover { +- box-shadow: none; } +- #panel .panel-button.clock-display:hover .clock { +- box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } +- #panel .panel-button.screen-recording-indicator:hover { +- box-shadow: inset 0 0 0 100px rgba(224, 27, 36, 0.9); } +- #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { +- box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.25); } +- #panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:overview:hover, #panel .panel-button.clock-display:focus:hover, #panel .panel-button.clock-display:checked:hover { +- box-shadow: none; } +- #panel .panel-button.clock-display:active:hover .clock, #panel .panel-button.clock-display:overview:hover .clock, #panel .panel-button.clock-display:focus:hover .clock, #panel .panel-button.clock-display:checked:hover .clock { +- box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.25); } +- #panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:overview:hover, #panel .panel-button.screen-recording-indicator:focus:hover, #panel .panel-button.screen-recording-indicator:checked:hover { +- box-shadow: inset 0 0 0 100px rgba(224, 27, 36, 0.8); } + #panel .panel-button .system-status-icon { + icon-size: 1.09em; + padding: 5px; +@@ -1462,30 +1245,12 @@ StScrollBar { + -st-icon-style: symbolic; } + #panel #panelActivities.panel-button { + -natural-hpadding: 18px; } +- #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { ++ #panel.unlock-screen .panel-button:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:hover, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } +- #panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:overview, #panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:overview, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:checked, #panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:overview, #panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:checked { ++ #panel.unlock-screen .panel-button.clock-display:hover, #panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:overview, #panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:overview, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:checked, #panel:overview .panel-button.clock-display:hover, #panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:overview, #panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:checked { + box-shadow: none; } +- #panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:overview .clock, #panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:overview .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:checked .clock, #panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:overview .clock, #panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:checked .clock { ++ #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:overview .clock, #panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:overview .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:checked .clock, #panel:overview .panel-button.clock-display:hover .clock, #panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:overview .clock, #panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:checked .clock { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } +- #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:overview, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:overview, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:checked, #panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:overview, #panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:checked { +- box-shadow: inset 0 0 0 100px rgba(224, 27, 36, 0.85); } +- #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { +- box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } +- #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:hover, #panel:overview .panel-button.clock-display:hover { +- box-shadow: none; } +- #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:hover .clock, #panel:overview .panel-button.clock-display:hover .clock { +- box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } +- #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:hover, #panel:overview .panel-button.screen-recording-indicator:hover { +- box-shadow: inset 0 0 0 100px rgba(224, 27, 36, 0.9); } +- #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { +- box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } +- #panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:overview:hover, #panel.unlock-screen .panel-button.clock-display:focus:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:overview:hover, #panel.login-screen .panel-button.clock-display:focus:hover, #panel.login-screen .panel-button.clock-display:checked:hover, #panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:overview:hover, #panel:overview .panel-button.clock-display:focus:hover, #panel:overview .panel-button.clock-display:checked:hover { +- box-shadow: none; } +- #panel.unlock-screen .panel-button.clock-display:active:hover .clock, #panel.unlock-screen .panel-button.clock-display:overview:hover .clock, #panel.unlock-screen .panel-button.clock-display:focus:hover .clock, #panel.unlock-screen .panel-button.clock-display:checked:hover .clock, #panel.login-screen .panel-button.clock-display:active:hover .clock, #panel.login-screen .panel-button.clock-display:overview:hover .clock, #panel.login-screen .panel-button.clock-display:focus:hover .clock, #panel.login-screen .panel-button.clock-display:checked:hover .clock, #panel:overview .panel-button.clock-display:active:hover .clock, #panel:overview .panel-button.clock-display:overview:hover .clock, #panel:overview .panel-button.clock-display:focus:hover .clock, #panel:overview .panel-button.clock-display:checked:hover .clock { +- box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } +- #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:overview:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:overview:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover, #panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:overview:hover, #panel:overview .panel-button.screen-recording-indicator:focus:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover { +- box-shadow: inset 0 0 0 100px rgba(224, 27, 36, 0.8); } + #panel .panel-status-indicators-box, + #panel .panel-status-menu-box { + spacing: 2px; } +@@ -1493,7 +1258,7 @@ StScrollBar { + spacing: 0; } + #panel .screencast-indicator, + #panel .remote-access-indicator { +- color: #e5a50a; } ++ color: #f57900; } + + #appMenu { + spacing: 6px; } +@@ -1504,12 +1269,6 @@ StScrollBar { + padding: 0 6px; + spacing: 6px; } + +-.clock-display-box { +- spacing: 2px; } +- .clock-display-box .clock { +- padding-left: 12px; +- padding-right: 12px; } +- + /* Activities Ripple */ + .ripple-box { + background-color: rgba(233, 242, 252, 0.3); +@@ -1525,7 +1284,7 @@ StScrollBar { + spacing: 12px; } + + #overviewGroup { +- background-color: #fff; } ++ background-color: #282828; } + + .overview-controls { + padding-bottom: 32px; } +@@ -1535,62 +1294,61 @@ StScrollBar { + spacing: 6px; } + + .window-caption { +- color: white; +- background-color: rgba(245, 245, 245, 0.96); ++ color: #eeeeec; ++ background-color: rgba(32, 32, 32, 0.96); + border-radius: 99px; + padding: 6px 12px; } + +-.window-close, .screenshot-ui-close-button { +- background-color: rgba(237, 237, 237, 0.91); +- color: white; ++.window-close { ++ background-color: rgba(32, 32, 32, 0.96); ++ color: #eeeeec; + border-radius: 21px; + padding: 3px; + height: 30px; + width: 30px; ++ box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); + transition-duration: 300ms; } +- .window-close StIcon, .screenshot-ui-close-button StIcon { ++ .window-close StIcon { + icon-size: 24px; } +- .window-close:hover, .screenshot-ui-close-button:hover { +- background-color: rgba(240, 240, 240, 0.9235); } +- .window-close:active, .screenshot-ui-close-button:active { +- color: rgba(255, 255, 255, 0.8); +- background-color: rgba(225, 225, 225, 0.91); } ++ .window-close:hover { ++ background-color: rgba(71, 71, 71, 0.96); } ++ .window-close:active { ++ color: rgba(238, 238, 236, 0.8); ++ background-color: rgba(20, 20, 20, 0.96); } + + .workspace-background { + border-radius: 30px; +- box-shadow: 0 4px 16px 4px rgba(169, 169, 169, 0.26); } ++ background-color: rgba(32, 32, 32, 0.96); ++ box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.26); } + + + .search-entry { ++ width: 320px; ++ padding: 7px 9px; + border-radius: 18px; ++ color: rgba(46, 52, 54, 0.7); ++ background-color: #f6f5f4; ++ border-color: #cdc7c2; + margin-top: 12px; +- margin-bottom: 6px; +- padding: 7px 9px; +- width: 320px; +- background-color: white; +- color: rgba(0, 0, 0, 0.5); +- border: 2px solid white; } ++ margin-bottom: 6px; } + + .search-entry:hover { +- background-color: #fbfafa; +- border-color: #fbfafa; +- color: rgba(0, 0, 0, 0.5); } ++ background-color: #efedec; ++ border-color: #d8d4d0; ++ color: #222728; } + + .search-entry:focus { +- background-color: #f5f9fe; ++ padding: 6px 8px; ++ border-width: 2px; ++ border-style: solid; + border-color: #3584e4; +- color: rgba(0, 0, 0, 0.8); } +- +- .search-entry:insensitive { +- background-color: white; +- border-color: white; +- color: rgba(148, 147, 146, 0.9); } ++ color: #2e3436; ++ box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.2); } + + .search-entry .search-entry-icon { +- color: inherit; + icon-size: 1.09em; +- margin-top: 2px; +- padding: 0 4px; } ++ padding: 0 4px; ++ color: inherit; } + + /* Search */ + #searchResultsContent { +@@ -1600,42 +1358,25 @@ StScrollBar { + .search-section { + spacing: 8px; } + .search-section .search-section-separator { +- height: 8px; ++ height: 0; + background-color: transparent; } + + .search-section-content { +- background-color: white; +- border-radius: 24px; +- border: 1px solid rgba(255, 255, 255, 0.02); +- box-shadow: none; +- text-shadow: none; +- color: white; +- padding: 12px; +- margin: 4px; } ++ background-color: rgba(45, 45, 45, 0.76); ++ border-radius: 19px; ++ border: 1px solid rgba(255, 255, 255, 0.16); ++ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.2); ++ color: #eeeeec; ++ padding: 18px; ++ spacing: 8px; } + +-.list-search-result, .search-provider-icon { +- background-color: transparent; +- margin: 4px; +- border-radius: 8px !important; } +- .list-search-result:hover, .search-provider-icon:hover { +- background-color: rgba(255, 255, 255, 0.1); } +- .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { +- background-color: rgba(255, 255, 255, 0.13); } +- .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { +- background-color: rgba(255, 255, 255, 0.16); } +- .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { +- background-color: rgba(255, 255, 255, 0.13); } +- .list-search-result:active, .search-provider-icon:active { +- background-color: rgba(255, 255, 255, 0.16); } +- .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { +- background-color: rgba(255, 255, 255, 0.19); } +- .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { +- background-color: rgba(255, 255, 255, 0.22); } +- .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { +- background-color: rgba(255, 255, 255, 0.25); } +- .list-search-result:drop, .search-provider-icon:drop { +- border: 2px solid rgba(53, 132, 228, 0.8); +- background-color: rgba(53, 132, 228, 0.2); } ++.list-search-result:focus, .search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected { ++ background-color: rgba(238, 238, 236, 0.1); ++ transition-duration: 200ms; } ++ ++.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked { ++ background-color: rgba(7, 7, 7, 0.86); } + + .grid-search-results { + spacing: 36px; } +@@ -1644,7 +1385,8 @@ StScrollBar { + spacing: 12px; } + .search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; +- color: white; } ++ margin-top: 0; ++ color: #dbdbd6; } + + .list-search-results { + spacing: 6px; } +@@ -1656,11 +1398,13 @@ StScrollBar { + spacing: 12px; } + + .list-search-result .list-search-result-description { +- color: rgba(253, 253, 253, 0.992); } ++ color: #a6a69b; } + + /* Dash */ + #dash { +- margin: 2em; } ++ font-size: 9pt; ++ margin-top: 18px; ++ padding: 0 10px; } + #dash .placeholder { + background-image: none; + background-size: contain; +@@ -1668,57 +1412,50 @@ StScrollBar { + #dash .empty-dash-drop-target { + width: 32px; + height: 32px; } +- #dash .app-well-app-running-dot { +- margin-bottom: 15px; } ++ #dash .overview-icon { ++ padding: 5px; } + + .dash-background { +- background-color: white; +- border-radius: 28px; +- padding: 12px; +- spacing: 6px; } +- +-.dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { +- margin: 0 4px; +- padding: 6px; } +- +-.dash-item-container .show-apps .overview-icon { +- background-color: transparent; } +- +-.dash-item-container .show-apps:hover .overview-icon { +- background-color: rgba(255, 255, 255, 0.1); } ++ background-color: #3b3b3b; ++ margin-bottom: 16px; ++ padding: 10px; ++ border-radius: 24px; } + +-.dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { +- background-color: rgba(255, 255, 255, 0.13); } +- .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { +- background-color: rgba(255, 255, 255, 0.16); } +- .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { +- background-color: rgba(255, 255, 255, 0.13); } +- +-.dash-item-container .show-apps:active .overview-icon { +- background-color: rgba(255, 255, 255, 0.16); } +- +-.dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { +- background-color: rgba(255, 255, 255, 0.19); } +- .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { +- background-color: rgba(255, 255, 255, 0.22); } +- .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { +- background-color: rgba(255, 255, 255, 0.25); } +- +-.dash-item-container .show-apps:drop .overview-icon { +- border: 2px solid rgba(53, 132, 228, 0.8); +- background-color: rgba(53, 132, 228, 0.2); } ++.dash-item-container .app-well-app, .show-apps { ++ padding: 10px 1.5px 26px; } + + .dash-separator { + width: 1px; +- background-color: rgba(0, 0, 0, 0.3); } ++ margin: 0 6.5px 16px; ++ background-color: rgba(238, 238, 236, 0.3); } + + .dash-label { +- color: white; +- background-color: rgba(245, 245, 245, 0.96); ++ color: #eeeeec; ++ background-color: rgba(32, 32, 32, 0.96); + border-radius: 99px; + padding: 6px 12px; + text-align: center; +- -y-offset: 8px; } ++ -y-offset: 12px; } ++ ++.show-apps .overview-icon { ++ color: #eeeeec; } ++ ++.show-apps:hover .overview-icon, .show-apps:selected .overview-icon { ++ background-color: rgba(238, 238, 236, 0.1); } ++ ++.show-apps:focus .overview-icon { ++ background-color: rgba(238, 238, 236, 0.3); } ++ ++.show-apps:drop .overview-icon { ++ border: 2px solid #3584e4; ++ background-color: rgba(53, 132, 228, 0.2); } ++ ++.show-apps:active .overview-icon, .show-apps:checked .overview-icon { ++ background-color: rgba(7, 7, 7, 0.46); } ++ ++.show-apps:focus .overview-icon, .show-apps:checked .overview-icon { ++ background-color: rgba(32, 32, 32, 0.46); ++ color: #2e3436; } + + /* App Grid */ + .icon-grid { +@@ -1732,108 +1469,64 @@ StScrollBar { + page-padding-right: 12px; } + + /* App Icons */ +-.app-well-app .overview-icon, .grid-search-result .overview-icon { +- background-color: transparent; } ++.app-well-app .overview-icon, ++.grid-search-result .overview-icon { ++ color: #fff; } + +-.app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { ++.app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon, ++.grid-search-result:hover .overview-icon, ++.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.1); } + +-.app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { +- background-color: rgba(255, 255, 255, 0.13); } +- .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { +- background-color: rgba(255, 255, 255, 0.16); } +- .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { +- background-color: rgba(255, 255, 255, 0.13); } +- +-.app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { +- background-color: rgba(255, 255, 255, 0.16); } +- +-.app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { +- background-color: rgba(255, 255, 255, 0.19); } +- .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { +- background-color: rgba(255, 255, 255, 0.22); } +- .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { +- background-color: rgba(255, 255, 255, 0.25); } +- +-.app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { +- border: 2px solid rgba(53, 132, 228, 0.8); +- background-color: rgba(53, 132, 228, 0.2); } +- +-.app-well-app .overview-icon, .grid-search-result .overview-icon { +- padding: 12px; } ++.app-well-app:focus .overview-icon, ++.grid-search-result:focus .overview-icon { ++ background-color: rgba(255, 255, 255, 0.3); } + +-.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { +- spacing: 6px; } ++.app-well-app:drop .overview-icon, ++.grid-search-result:drop .overview-icon { ++ border: 2px solid #3584e4; ++ background-color: rgba(53, 132, 228, 0.2); } + +-.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { +- background-color: rgba(255, 255, 255, 0.19); } ++.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, ++.grid-search-result:active .overview-icon, ++.grid-search-result:checked .overview-icon { ++ background-color: rgba(7, 7, 7, 0.46); } + +-.app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { +- background-color: rgba(255, 255, 255, 0.1); } ++.app-well-app .overview-icon.overview-icon-with-label, ++.grid-search-result .overview-icon.overview-icon-with-label { ++ padding: 10px 8px 5px 8px; } ++ .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, ++ .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { ++ spacing: 6px; } + +-.app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { +- background-color: rgba(255, 255, 255, 0.13); } +- .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { +- background-color: rgba(255, 255, 255, 0.16); } +- .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { +- background-color: rgba(255, 255, 255, 0.13); } +- +-.app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { +- background-color: rgba(255, 255, 255, 0.16); } +- +-.app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { +- background-color: rgba(255, 255, 255, 0.19); } +- .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { +- background-color: rgba(255, 255, 255, 0.22); } +- .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { +- background-color: rgba(255, 255, 255, 0.25); } +- +-.app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { +- border: 2px solid rgba(53, 132, 228, 0.8); +- background-color: rgba(53, 132, 228, 0.2); } ++/* App Folders */ ++.app-well-app.app-folder { ++ background-color: #3b3b3b; ++ border-radius: 12px; } + + .app-folder-dialog { +- border-radius: 32px; +- background-color: white; ++ border-radius: 24px; ++ background-color: #3b3b3b; + padding: 12px 0px 12px 0px; } + .app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* 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 { ++ font-size: 18pt; ++ font-weight: 800; } + .app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; } + .app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; +- color: white; } ++ color: #eeeeec; } + .app-folder-dialog .folder-name-container .edit-folder-button { +- background-color: transparent; +- background-color: none; ++ padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; } +- .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { +- color: rgba(0, 0, 0, 0.3); +- background-color: rgba(0, 0, 0, 0); +- background-color: transparent; +- color: rgba(255, 255, 255, 0.5); } +- .app-folder-dialog .folder-name-container .edit-folder-button:focus { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(219, 226, 235, 0.991); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); } +- .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { +- background-color: rgba(226, 233, 242, 0.991); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } +- .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { +- background-color: rgba(232, 240, 250, 0.991); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } +- .app-folder-dialog .folder-name-container .edit-folder-button:hover { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(245, 245, 244, 0.99); } +- .app-folder-dialog .folder-name-container .edit-folder-button:active { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(252, 252, 252, 0.99); } + .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { +- icon-size: 1.09em; } ++ icon-size: 16px; } + .app-folder-dialog .icon-grid { + row-spacing: 12px; + column-spacing: 30px; +@@ -1853,14 +1546,18 @@ StScrollBar { + height: 5px; + width: 5px; + border-radius: 5px; +- margin-bottom: 8px; +- background-color: white; } ++ background-color: #eeeeec; ++ margin-bottom: 1px; } + + .rename-folder-popup .rename-folder-popup-item { + spacing: 6px; } + .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 12px; } + ++.app-menu, ++.app-well-menu { ++ max-width: 27.25em; } ++ + .page-indicator { + padding: 6px 12px 0; } + .page-indicator .page-indicator-icon { +@@ -1886,12 +1583,12 @@ StScrollBar { + background-gradient-start: rgba(255, 255, 255, 0.05); + background-gradient-end: transparent; + background-gradient-direction: horizontal; +- border-radius: 24px 0px 0px 24px; } ++ border-radius: 15px 0px 0px 15px; } + .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { + background-gradient-start: transparent; + background-gradient-end: rgba(255, 255, 255, 0.05); + background-gradient-direction: horizontal; +- border-radius: 0px 24px 24px 0px; } ++ border-radius: 0px 15px 15px 0px; } + + .page-navigation-arrow { + margin: 6px; +@@ -1940,19 +1637,19 @@ StScrollBar { + + .user-icon { + background-size: contain; +- color: white; ++ color: #eeeeec; + border-radius: 99px; + icon-size: 4.36em; } + .user-icon:hover { + color: white; } + .user-icon StIcon { +- background-color: rgba(255, 255, 255, 0.05); ++ background-color: rgba(238, 238, 236, 0.05); + border-radius: 99px; + padding: 12px; + width: 2.725em; + height: 2.725em; } + .user-icon.user-avatar { +- border: 2px white; } ++ border: 2px #eeeeec; } + + .user-widget.vertical .user-icon { + icon-size: 6.54em; } +@@ -1975,21 +1672,31 @@ StScrollBar { + .caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; +- color: #e5a50a; } ++ font-size: 10pt; ++ color: #f57900; } + + /* Workspace animation */ + .workspace-animation { +- background-color: #fff; } ++ background-color: #282828; } + + /* Tiled window previews */ + .tile-preview { + background-color: rgba(53, 132, 228, 0.5); + border: 1px solid #3584e4; } + ++.tile-preview-left.on-primary { ++ border-radius: 9px 0 0 0; } ++ ++.tile-preview-right.on-primary { ++ border-radius: 0 9px 0 0; } ++ ++.tile-preview-left.tile-preview-right.on-primary { ++ border-radius: 9px 9px 0 0; } ++ + /* On-screen Keyboard */ + #keyboard { +- background-color: rgba(245, 245, 245, 0.96); +- box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.02); } ++ background-color: rgba(235, 232, 230, 0.9); ++ box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.16); } + #keyboard .page-indicator { + padding: 6px; } + #keyboard .page-indicator .page-indicator-icon { +@@ -2001,107 +1708,124 @@ StScrollBar { + spacing: 4px; } + + .keyboard-key { ++ color: #2e3436; ++ background-color: #fdfdfc; ++ border-color: #cdc7c2; ++ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); + font-size: 16pt; +- font-weight: bold; + min-height: 1.2em; + min-width: 1.2em; + border-width: 1px; + border-style: solid; +- border-radius: 12px; +- box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); +- color: white; +- background-color: #545454; } ++ border-radius: 11px; } + .keyboard-key:focus { +- color: white; +- background-color: rgba(231, 240, 250, 0.964); ++ color: #2e3436; ++ 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(53, 132, 228, 0.6); } +- .keyboard-key:focus:hover { +- background-color: rgba(233, 242, 252, 0.964); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } +- .keyboard-key:focus:active { +- background-color: rgba(233, 242, 252, 0.964); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } +- .keyboard-key:hover { +- color: white; +- background-color: #5e5e5e; } ++ .keyboard-key:hover, .keyboard-key:checked { ++ color: #2e3436; ++ background-color: white; ++ border-color: #d6d1cd; ++ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } + .keyboard-key:active { +- color: white; +- background-color: #666666; } +- .keyboard-key:checked { +- color: white; +- background-color: #737373; } ++ color: #2e3436; ++ background-color: #efedec; ++ border-color: #cdc7c2; ++ text-shadow: none; ++ icon-shadow: none; ++ box-shadow: none; } + .keyboard-key:grayed { + background-color: #efedec; +- color: white; ++ color: #eeeeec; + border-color: rgba(0, 0, 0, 0.7); } + .keyboard-key.default-key { +- color: white; +- background-color: #383838; +- border-radius: 12px; } +- .keyboard-key.default-key:hover { +- color: white; +- background-color: #424242; } ++ color: #2e3436; ++ background-color: rgba(12, 12, 12, 0.96); ++ border-color: rgba(0, 0, 0, 0.96); ++ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } ++ .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { ++ color: #2e3436; ++ background-color: rgba(25, 25, 25, 0.96); ++ border-color: rgba(0, 0, 0, 0.96); ++ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } + .keyboard-key.default-key:active { +- color: white; +- background-color: #4a4a4a; } +- .keyboard-key.default-key:checked { +- color: white; +- background-color: #575757; } ++ color: #2e3436; ++ background-color: rgba(0, 0, 0, 0.96); ++ border-color: rgba(0, 0, 0, 0.96); ++ text-shadow: none; ++ icon-shadow: none; ++ box-shadow: none; } + .keyboard-key.enter-key { + color: #fff; + background-color: #428ce6; +- border-radius: 12px; +- color: white; } +- .keyboard-key.enter-key:hover { +- color: #fff; +- background-color: #5497e8; } ++ border-color: #1658a7; ++ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } ++ .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { ++ color: #2e3436; ++ background-color: #66a2eb; ++ border-color: #1c6fd4; ++ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } + .keyboard-key.enter-key:active { +- color: #fff; +- background-color: #629fea; } +- .keyboard-key.enter-key:checked { +- color: #fff; +- background-color: #78aded; } ++ color: #2e3436; ++ background-color: #1f76e1; ++ border-color: #15539e; ++ text-shadow: none; ++ icon-shadow: none; ++ box-shadow: none; } + .keyboard-key.shift-key-uppercase { +- background-color: gray; +- color: rgba(245, 245, 245, 0.96); } +- .keyboard-key.shift-key-uppercase:hover { +- background-color: #8c8c8c; +- color: rgba(255, 255, 255, 0.96); } ++ color: #3584e4; } + .keyboard-key StIcon { +- icon-size: 24px; } ++ icon-size: 1.125em; } + + .keyboard-subkeys { ++ color: #eeeeec; + -arrow-border-radius: 16px; +- -arrow-background-color: rgba(245, 245, 245, 0.96); ++ -arrow-background-color: rgba(32, 32, 32, 0.96); + -arrow-border-width: 1px; +- -arrow-border-color: rgba(255, 255, 255, 0.96); ++ -arrow-border-color: rgba(55, 55, 55, 0.96); + -arrow-base: 20px; + -arrow-rise: 10px; +- -boxpointer-gap: 6px; +- padding: 6px; } ++ -boxpointer-gap: 6px; } + .keyboard-subkeys .keyboard-key { +- color: white; +- background-color: #545454; +- border-radius: 12px; } ++ color: #2e3436; ++ background-color: #fdfdfc; ++ border-color: #cdc7c2; ++ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ border-radius: 8px; } + .keyboard-subkeys .keyboard-key:focus { +- color: white; +- background-color: rgba(231, 240, 250, 0.964); ++ color: #2e3436; ++ 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(53, 132, 228, 0.6); } +- .keyboard-subkeys .keyboard-key:focus:hover { +- background-color: rgba(233, 242, 252, 0.964); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } +- .keyboard-subkeys .keyboard-key:focus:active { +- background-color: rgba(233, 242, 252, 0.964); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } +- .keyboard-subkeys .keyboard-key:hover { +- color: white; +- background-color: #5e5e5e; } ++ .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { ++ color: #2e3436; ++ background-color: white; ++ border-color: #d6d1cd; ++ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } + .keyboard-subkeys .keyboard-key:active { +- color: white; +- background-color: #666666; } +- .keyboard-subkeys .keyboard-key:checked { +- color: white; +- background-color: #737373; } ++ color: #2e3436; ++ background-color: #efedec; ++ border-color: #cdc7c2; ++ text-shadow: none; ++ icon-shadow: none; ++ box-shadow: none; } + + .emoji-page .keyboard-key { + background-color: transparent; +@@ -2115,87 +1839,47 @@ StScrollBar { + .word-suggestions { + font-size: 14pt; + spacing: 12px; +- min-height: 20pt; +- padding: 12px; +- color: white; } +- .word-suggestions StButton { +- margin: 0 3px; +- min-width: 32px; +- border-radius: 6px; +- padding: 6px 18px; +- background-color: transparent; +- background-image: none; } +- .word-suggestions StButton:focus { +- color: white; +- background-color: rgba(231, 240, 250, 0.964); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); } +- .word-suggestions StButton:focus:hover { +- background-color: rgba(233, 242, 252, 0.964); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } +- .word-suggestions StButton:focus:active { +- background-color: rgba(233, 242, 252, 0.964); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } +- .word-suggestions StButton:hover { +- color: white; +- background-color: #5e5e5e; } +- .word-suggestions StButton:active { +- color: white; +- background-color: #666666; } +- .word-suggestions StButton:checked { +- color: white; +- background-color: #737373; } ++ min-height: 20pt; } + + /* Looking Glass */ + #LookingGlassDialog { +- background-color: rgba(245, 245, 245, 0.96); +- border-radius: 0 0 16px 16px; +- border-top-width: 0; +- border: 1px solid rgba(255, 255, 255, 0.02); +- color: white; +- padding: 6px; ++ background-color: rgba(32, 32, 32, 0.96); + spacing: 6px; +- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } ++ padding: 4px; ++ border: 1px solid rgba(238, 238, 236, 0.2); ++ border-radius: 8px; ++ color: #eeeeec; } + #LookingGlassDialog > #Toolbar { + border: none; +- padding: 6px; +- border-radius: 0; +- background-color: transparent; +- spacing: 6px; } +- #LookingGlassDialog > #Toolbar .lg-toolbar-button { +- padding: 6px 12px; } +- #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { +- icon-size: 1.09em; } ++ border-radius: 8px; ++ background-color: rgba(32, 32, 32, 0.96); } + #LookingGlassDialog .labels { + spacing: 6px; } + #LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; +- -minimum-hpadding: 12px; ++ -minimum-hpadding: 6px; + font-weight: bold; +- padding: 6px 12px; +- color: #d9d9d9; ++ color: #cacac4; + transition-duration: 100ms; +- box-shadow: none; +- border: none; +- border-radius: 6px; +- background-color: transparent; } ++ padding-left: .3em; ++ padding-right: .3em; ++ border-bottom-width: 2px; } + #LookingGlassDialog .notebook-tab:hover { +- color: white; +- background-color: rgba(255, 255, 255, 0.05); } ++ color: #eeeeec; } + #LookingGlassDialog .notebook-tab:selected { +- color: white; +- background-color: rgba(255, 255, 255, 0.1); } ++ border-bottom-width: 2px; ++ box-shadow: inset 0 -2px 0 0 #4b92e7; ++ color: #eeeeec; } + #LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; +- spacing: 6px; +- padding: 6px; } ++ spacing: 6px; } + #LookingGlassDialog StBoxLayout#ResultsArea { +- spacing: 6px; +- padding: 6px; } ++ spacing: 6px; } + + .lg-dialog StEntry { +- background-color: rgba(255, 255, 255, 0.56); +- color: white; +- border-color: rgba(255, 255, 255, 0.2); ++ background-color: rgba(45, 45, 45, 0.56); ++ color: #eeeeec; ++ border-color: rgba(238, 238, 236, 0.2); + min-height: 22px; + selection-background-color: #3584e4; + selected-color: #fff; } +@@ -2208,13 +1892,14 @@ StScrollBar { + color: #15539e; } + + .lg-dialog .actor-link { +- color: rgba(148, 147, 146, 0.9); } ++ color: #ccc; } + .lg-dialog .actor-link:hover { +- color: rgba(199, 198, 197, 0.9); } ++ color: white; } + .lg-dialog .actor-link:active { +- color: rgba(97, 96, 95, 0.9); } ++ color: #999999; } + + .lg-completions-text { ++ font-size: .9em; + font-style: italic; } + + .lg-obj-inspector-title { +@@ -2228,58 +1913,30 @@ StScrollBar { + border: 1px solid #ffffff; } + + #lookingGlassExtensions { +- padding: 6px; } ++ padding: 4px; } + + .lg-extensions-list { +- padding: 6px; ++ padding: 4px; + spacing: 6px; } + + .lg-extension { +- padding: 12px; ++ border: 1px solid rgba(13, 13, 13, 0.7); ++ background-color: rgba(45, 45, 45, 0.96); + border-radius: 8px; +- margin: 4px; +- box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(238, 237, 236, 0.99); } +- .lg-extension:focus { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(219, 226, 235, 0.991); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); } +- .lg-extension:focus:hover { +- background-color: rgba(226, 233, 242, 0.991); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } +- .lg-extension:focus:active { +- background-color: rgba(232, 240, 250, 0.991); +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); } +- .lg-extension:hover { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(245, 245, 244, 0.99); } +- .lg-extension:active { +- color: rgba(0, 0, 0, 0.8); +- background-color: rgba(252, 252, 252, 0.99); } ++ padding: 4px; } ++ ++.lg-extension-name { ++ font-weight: bold; } + + .lg-extension-meta { + spacing: 6px; } + + #LookingGlassPropertyInspector { +- background: rgba(245, 245, 245, 0.96); ++ background: rgba(32, 32, 32, 0.96); + border: 1px solid rgba(0, 0, 0, 0.7); + border-radius: 8px; + padding: 6px; } + +-.lg-debug-flag-button { +- color: rgba(0, 0, 0, 0.8); } +- .lg-debug-flag-button StLabel { +- padding: 6px, 12px; } +- .lg-debug-flag-button:hover { +- color: rgba(51, 51, 51, 0.8); } +- .lg-debug-flag-button:active { +- color: rgba(0, 0, 0, 0.8); } +- +-.lg-debug-flags-header { +- padding-top: 12px; +- padding: 6px; } +- + /* Login Dialog */ + .login-dialog-banner-view { + padding-top: 24px; +@@ -2296,48 +1953,71 @@ StScrollBar { + .unlock-dialog .modal-dialog-button { + padding: 4px 18px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); +- background-color: #f7f7f7; +- border-color: #f7f7f7; +- color: white; } ++ background-color: #202020; ++ border-color: #202020; ++ color: #eeeeec; } + .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: white; +- border-color: white; } ++ background-color: #353535; ++ border-color: #353535; } + .login-dialog .modal-dialog-button:active, + .unlock-dialog .modal-dialog-button:active { + box-shadow: none; +- background-color: #f2f2f2; +- border-color: #f2f2f2; } ++ background-color: #1b1b1b; ++ border-color: #1b1b1b; } + .login-dialog .modal-dialog-button:insensitive, + .unlock-dialog .modal-dialog-button:insensitive { +- color: rgba(0, 0, 0, 0.3); +- background-color: rgba(0, 0, 0, 0); +- border-color: #f2f2f2; +- background-color: #f2f2f2; +- color: rgba(255, 255, 255, 0.7); } ++ color: #929595; ++ border-color: #e1ddda; ++ background-color: #faf9f8; ++ box-shadow: none; ++ text-shadow: none; ++ icon-shadow: none; ++ border-color: #1b1b1b; ++ background-color: #1b1b1b; ++ color: rgba(238, 238, 236, 0.7); } + .login-dialog .modal-dialog-button:default, + .unlock-dialog .modal-dialog-button:default { +- background-color: #3584e4; +- color: #fff; } +- .login-dialog .modal-dialog-button:default:focus, +- .unlock-dialog .modal-dialog-button:default:focus { +- box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); } ++ color: #fff; ++ background-color: #428ce6; ++ border-color: #1658a7; ++ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ border-color: #3584e4; } + .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, + .unlock-dialog .modal-dialog-button:default:hover, + .unlock-dialog .modal-dialog-button:default:focus { ++ color: #fff; ++ background-color: #599ae9; ++ border-color: #1b68c6; ++ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); ++ text-shadow: 0 1px rgba(255, 255, 255, 0.3); ++ icon-shadow: 0 1px rgba(255, 255, 255, 0.3); + background-color: #4b92e7; +- color: white; } ++ border-color: #4b92e7; } + .login-dialog .modal-dialog-button:default:active, + .unlock-dialog .modal-dialog-button:default:active { +- background-color: #1d72d8; +- color: #ededed; } ++ color: #fff; ++ background-color: #287ce2; ++ border-color: #1658a7; ++ text-shadow: none; ++ icon-shadow: none; ++ box-shadow: none; ++ background-color: #1f76e1; ++ border-color: #1f76e1; } + .login-dialog .modal-dialog-button:default:insensitive, + .unlock-dialog .modal-dialog-button:default:insensitive { +- color: rgba(0, 0, 0, 0.3); +- background-color: rgba(0, 0, 0, 0); +- background-color: rgba(53, 132, 228, 0.5); +- color: rgba(255, 255, 255, 0.5); } ++ color: #929595; ++ border-color: #e1ddda; ++ background-color: #faf9f8; ++ box-shadow: none; ++ text-shadow: none; ++ icon-shadow: none; ++ border-color: #1b6acb; ++ background-color: #1b6acb; ++ color: rgba(255, 255, 255, 0.7); } + .login-dialog .cancel-button, + .login-dialog .switch-user-button, + .login-dialog .login-dialog-session-list-button, +@@ -2348,8 +2028,8 @@ StScrollBar { + border-radius: 99px; + width: 2.18em; + height: 2.18em; +- border-color: #f7f7f7; +- background-color: #f7f7f7; } ++ border-color: #202020; ++ background-color: #202020; } + .login-dialog .cancel-button StIcon, + .login-dialog .switch-user-button StIcon, + .login-dialog .login-dialog-session-list-button StIcon, +@@ -2361,13 +2041,13 @@ StScrollBar { + .login-dialog .login-dialog-message-warning, + .unlock-dialog .caps-lock-warning-label, + .unlock-dialog .login-dialog-message-warning { +- color: white; } ++ color: #eeeeec; } + + .login-dialog-logo-bin { + padding: 24px 0px; } + + .login-dialog-banner { +- color: #e6e6e6; } ++ color: #d6d6d1; } + + .login-dialog-button-box { + width: 23em; +@@ -2382,42 +2062,14 @@ StScrollBar { + .login-dialog-not-listed-label { + padding-left: 2px; } + .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { +- color: white; } ++ color: #eeeeec; } + + .login-dialog-not-listed-label { ++ font-size: 10pt; + font-weight: bold; +- color: #b3b3b3; ++ color: #a6a69b; + padding-top: 1em; } + +-.login-dialog-auth-list-view { +- -st-vfade-offset: 1em; } +- +-.login-dialog-auth-list { +- spacing: 6px; +- margin-left: 2em; } +- +-.login-dialog-auth-list-title { +- margin-left: 2em; } +- +-.login-dialog-auth-list-item { +- border-radius: 12px; +- padding: 6px; +- color: #b3b3b3; } +- .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { +- background-color: #3584e4; +- color: #fff; } +- +-.login-dialog-auth-list-label { +- font-size: 13pt; +- font-weight: bold; +- padding-left: 15px; } +- .login-dialog-auth-list-label:ltr { +- padding-left: 14px; +- text-align: left; } +- .login-dialog-auth-list-label:rtl { +- padding-right: 14px; +- text-align: right; } +- + .login-dialog-user-list-view { + -st-vfade-offset: 1em; } + +@@ -2433,7 +2085,7 @@ StScrollBar { + .login-dialog-user-list-item { + border-radius: 12px; + padding: 6px; +- color: #b3b3b3; } ++ color: #a6a69b; } + .login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; } + .login-dialog-user-list-item:rtl .user-widget { +@@ -2441,12 +2093,12 @@ StScrollBar { + .login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin-top: 6px; +- background-color: white; } ++ background-color: #eeeeec; } + .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { + background-color: #fff; } + + .user-widget-label { +- color: white; } ++ color: #eeeeec; } + + .user-widget.horizontal .user-widget-label { + font-size: 13pt; +@@ -2467,7 +2119,7 @@ StScrollBar { + + .login-dialog-timed-login-indicator { + height: 2px; +- background-color: rgba(0, 0, 0, 0.8); } ++ background-color: black; } + + .login-dialog-prompt-layout { + padding-top: 24px; +@@ -2479,24 +2131,10 @@ StScrollBar { + height: 1.5em; } + + .login-dialog-prompt-label { +- color: #cccccc; ++ color: #bebeb6; + font-size: 12pt; + padding-top: 1em; } + +-.unlock-dialog StEntry { +- border: none !important; } +- .unlock-dialog StEntry:focus { +- background-color: rgba(0, 0, 0, 0); } +- .unlock-dialog StEntry:insensitive { +- color: rgba(0, 0, 0, 0.3); +- background-color: rgba(0, 0, 0, 0); } +- +-.unlock-dialog .cancel-button, +-.unlock-dialog .switch-user-button, +-.unlock-dialog .login-dialog-session-list-button { +- border-color: transparent; +- background-color: rgba(0, 0, 0, 0); } +- + /* Screen Shield */ + .unlock-dialog-clock { + color: white; +@@ -2507,7 +2145,8 @@ StScrollBar { + + .unlock-dialog-clock-time { + font-size: 64pt; +- padding-top: 42px; } ++ padding-top: 42px; ++ font-feature-settings: "tnum"; } + + .unlock-dialog-clock-date { + font-size: 16pt; +@@ -2518,7 +2157,7 @@ StScrollBar { + padding-top: 48px; } + + .unlock-dialog-notifications-container { +- margin: 12px; ++ margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; } +@@ -2527,31 +2166,32 @@ StScrollBar { + padding-bottom: 0; } + .unlock-dialog-notifications-container .notification, + .unlock-dialog-notifications-container .unlock-dialog-notification-source { +- padding: 12px 16px; ++ padding: 12px 6px; + border: none; +- background-color: rgba(255, 255, 255, 0.1); +- color: white; ++ background-color: rgba(32, 32, 32, 0.26); ++ color: #eeeeec; + border-radius: 16px; } + .unlock-dialog-notifications-container .notification.critical, + .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { +- background-color: rgba(255, 255, 255, 0.2); } ++ background-color: rgba(32, 32, 32, 0.86); } + + .unlock-dialog-notification-label { +- padding: 0 0 0 12px; } ++ padding: 0px 0px 0px 12px; } + + .unlock-dialog-notification-count-text { +- font-weight: bold; +- padding: 0 12px; +- color: white; +- background-color: rgba(255, 255, 255, 0.1); +- border-radius: 99px; } ++ weight: bold; ++ padding: 0 6px; ++ color: rgba(32, 32, 32, 0.96); ++ background-color: rgba(238, 238, 236, 0.3); ++ border-radius: 99px; ++ margin-right: 12px; } + + .screen-shield-background { + background: black; +- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } ++ box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6); } + + #lockDialogGroup { +- background-color: #fff; } ++ background-color: #282828; } + + #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { + background-color: rgba(246, 245, 244, 0.3); } +@@ -2584,7 +2224,7 @@ StScrollBar { + -natural-hpadding: 8px; + -minimum-hpadding: 4px; + font-weight: normal; +- color: rgba(0, 0, 0, 0.8); ++ color: #2e3436; + text-shadow: none; + transition-duration: 0ms; + border: 0; +@@ -2594,7 +2234,7 @@ StScrollBar { + border: 0; + border-radius: 0px; } + #panel .panel-button:hover, #panel.solid .panel-button:hover { +- color: rgba(26, 26, 26, 0.8); ++ color: #454f52; + text-shadow: none; } + #panel .panel-button:hover .system-status-icon, #panel.solid .panel-button:hover .system-status-icon { + icon-shadow: none; } +@@ -2624,7 +2264,7 @@ StScrollBar { + background-gradient-end: rgba(246, 245, 244, 0.5); + border-bottom: none; } + #panel.lock-screen .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.solid.lock-screen .panel-button, #panel.solid.unlock-screen .panel-button, #panel.solid.login-screen .panel-button { +- color: white; } ++ color: #eeeeec; } + + #appMenu { + padding: 0 8px 0 8px; +-- +2.33.1 + + +From 5e6749bbdde37f345768f880095545d584ae6934 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Florian=20M=C3=BCllner?= Date: Mon, 24 May 2021 15:36:04 +0200 -Subject: [PATCH] Update style +Subject: [PATCH 2/2] Update style --- - data/gnome-shell-sass | 2 +- - 1 file changed, 1 insertion(+), 1 deletion(-) + data/gnome-classic.css | 3 +++ + data/gnome-shell-sass/widgets/_panel.scss | 5 +++++ + 2 files changed, 8 insertions(+) -Submodule data/gnome-shell-sass 9d66f7d..60230f4: +diff --git a/data/gnome-classic.css b/data/gnome-classic.css +index 52e5367..3be81e9 100644 +--- a/data/gnome-classic.css ++++ b/data/gnome-classic.css +@@ -1234,6 +1234,9 @@ StScrollBar { + box-shadow: none; } + #panel .panel-button.clock-display:hover .clock, #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } ++ #panel .panel-button .panel-logo-icon { ++ padding-right: .4em; ++ icon-size: 1em; } + #panel .panel-button .system-status-icon { + icon-size: 1.09em; + padding: 5px; diff --git a/data/gnome-shell-sass/widgets/_panel.scss b/data/gnome-shell-sass/widgets/_panel.scss index 1f46507..ad638b2 100644 --- a/data/gnome-shell-sass/widgets/_panel.scss @@ -24,20 +3296,6 @@ index 1f46507..ad638b2 100644 // status area icons .system-status-icon { icon-size: $base_icon_size; -diff --git a/data/gnome-classic.css b/data/gnome-classic.css -index 52e5367..3be81e9 100644 ---- a/data/gnome-classic.css -+++ b/data/gnome-classic.css -@@ -1234,6 +1234,9 @@ StScrollBar { - box-shadow: none; } - #panel .panel-button.clock-display:hover .clock, #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } -+ #panel .panel-button .panel-logo-icon { -+ padding-right: .4em; -+ icon-size: 1em; } - #panel .panel-button .system-status-icon { - icon-size: 1.09em; - padding: 5px; -- -2.28.0 +2.33.1 diff --git a/SPECS/gnome-shell-extensions.spec b/SPECS/gnome-shell-extensions.spec index 89eb451..3f868c7 100644 --- a/SPECS/gnome-shell-extensions.spec +++ b/SPECS/gnome-shell-extensions.spec @@ -6,8 +6,8 @@ %global tarball_version %%(echo %{version} | tr '~' '.') Name: gnome-shell-extensions -Version: 40.5 -Release: 4%{?dist} +Version: 40.6 +Release: 1%{?dist} Summary: Modify and extend GNOME Shell functionality and behavior License: GPLv2+ @@ -405,6 +405,10 @@ workspaces. %changelog +* Tue Feb 22 2022 Florian Müllner - 40.6-1 +- Update to 40.6 + Resolves: #2056410 + * Tue Dec 14 2021 Florian Müllner - 40.5-4 - Allow classification banners on lock/login screen Resolves: #2031186