From f219c74677aa3f7c01af5601ac2e3530d339f8bf Mon Sep 17 00:00:00 2001 From: CentOS Sources Date: Sep 27 2022 12:04:46 +0000 Subject: import gnome-shell-extensions-40.7-2.el9 --- diff --git a/.gitignore b/.gitignore index e6d81f6..73c6888 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1 @@ -SOURCES/gnome-shell-extensions-40.6.tar.xz +SOURCES/gnome-shell-extensions-40.7.tar.xz diff --git a/.gnome-shell-extensions.metadata b/.gnome-shell-extensions.metadata index 38d5a7b..296addc 100644 --- a/.gnome-shell-extensions.metadata +++ b/.gnome-shell-extensions.metadata @@ -1 +1 @@ -b0ec8dcd7002171c93ad6f6e84477f037a57db31 SOURCES/gnome-shell-extensions-40.6.tar.xz +a905a152407590d18e8dc14bb4133fbde0e03abb SOURCES/gnome-shell-extensions-40.7.tar.xz diff --git a/SOURCES/0001-Update-style.patch b/SOURCES/0001-Update-style.patch index 273391a..c5a9e3f 100644 --- a/SOURCES/0001-Update-style.patch +++ b/SOURCES/0001-Update-style.patch @@ -1,3285 +1,13 @@ -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 9ca03a744552c43251523fd23292b243130e1f89 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 2/2] Update style +Subject: [PATCH] Update style --- - data/gnome-classic.css | 3 +++ - data/gnome-shell-sass/widgets/_panel.scss | 5 +++++ - 2 files changed, 8 insertions(+) + data/gnome-shell-sass | 2 +- + 1 file changed, 1 insertion(+), 1 deletion(-) -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; +Submodule data/gnome-shell-sass 9d66f7d..60230f4: 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 @@ -3296,6 +24,20 @@ 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.33.1 +2.28.0 diff --git a/SPECS/gnome-shell-extensions.spec b/SPECS/gnome-shell-extensions.spec index 3f868c7..599fbef 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.6 -Release: 1%{?dist} +Version: 40.7 +Release: 2%{?dist} Summary: Modify and extend GNOME Shell functionality and behavior License: GPLv2+ @@ -77,6 +77,7 @@ This package provides common data files shared by various extensions. Summary: GNOME "classic" mode session License: GPLv2+ Requires: %{pkg_prefix}-apps-menu = %{version}-%{release} +Requires: %{pkg_prefix}-desktop-icons = %{version}-%{release} Requires: %{pkg_prefix}-launch-new-instance = %{version}-%{release} Requires: %{pkg_prefix}-places-menu = %{version}-%{release} Requires: %{pkg_prefix}-window-list = %{version}-%{release} @@ -405,6 +406,14 @@ workspaces. %changelog +* Fri May 13 2022 Florian Müllner - 40.7-2 +- Require desktop-icons for classic session + Resolves: #2047697 + +* Wed Apr 13 2022 Florian Müllner - 40.7-1 +- Update to 40.7 + Resolves: #2066168 + * Tue Feb 22 2022 Florian Müllner - 40.6-1 - Update to 40.6 Resolves: #2056410