From db92872fb95e329b5f3e09ad619fb14e43e7ee74 Mon Sep 17 00:00:00 2001 From: imarkoff Date: Mon, 20 Feb 2023 22:12:26 +0200 Subject: [PATCH] Fixed & improvements Fixed popup menu items margin Adjusted calendar, events, world clocks, weather, messages border radius Fixed messages padding in datetime menu (so mirrored looks tsght now) Changed message clear button width & color Changed quick slider icon button bg to none Adjusted quick toggle arrow border radius in Aylur's widgets --- gnome-shell/gnome-shell.css | 105 +++++++++++++++++++----------------- 1 file changed, 55 insertions(+), 50 deletions(-) diff --git a/gnome-shell/gnome-shell.css b/gnome-shell/gnome-shell.css index fdf7753..73fd1fa 100644 --- a/gnome-shell/gnome-shell.css +++ b/gnome-shell/gnome-shell.css @@ -130,18 +130,14 @@ stage { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); } +.candidate-popup-content { + padding: 13.5px 16px; +} + .popup-menu-item, .app-menu { margin: 2.5px 0 2.5px 0; } -.popup-menu-item:first-child { - margin: 0 0 2.5px 0; -} - -.popup-menu-item:last-child { - margin: 2.5px 0 0 0; -} - .popup-menu-item:focus, .popup-menu-item:hover, .popup-menu-item:checked { background-color: ACCENT-DISABLED-COLOR !important; box-shadow: inset 0 0 0 1px BORDER-SHADOW; @@ -274,7 +270,7 @@ stage { /* events */ .calendar { - border-radius: 12px; + border-radius: 14px; background-color: SECTION-COLOR; box-shadow: inset 0 0 0 1px BORDER-SHADOW !important; padding: 5px; @@ -286,7 +282,7 @@ stage { .weather-button { background-color: SECTION-COLOR; color: TEXT-SECONDARY-COLOR; - border-radius: 12px; + border-radius: 14px; box-shadow: inset 0 0 0 1px BORDER-SHADOW; } @@ -314,15 +310,18 @@ stage { /* message-list */ -.message-list{ +.message-list { border: none; - padding: 5px 0 0 5px; + padding: 0; } -.message{ +.message-list-sections:ltr { + margin-right: 4px; } + +.message { background: BACKGROUND-COLOR; color: TEXT-PRIMARY-COLOR; - border-radius: 12px; + border-radius: 16px; border: none; box-shadow: inset 0 0 0 1px BORDER-SHADOW; } @@ -332,7 +331,7 @@ stage { } .message-list .message { - background: SECTION-COLOR; + background-color: SECTION-COLOR; } .message .message-body, .message-title { @@ -409,13 +408,13 @@ stage { /* Toggles */ -.toggle-switch{ +.toggle-switch { background-image: url("./toggle-off.svg"); background-color: ACCENT-DISABLED_HOVER; border-radius: 10px; box-shadow: inset 0 0 0 1px BORDER-SHADOW !important; } -.toggle-switch:checked{ +.toggle-switch:checked { background-image: url("./toggle-on.svg"); background-color: ACCENT-COLOR; } @@ -452,13 +451,13 @@ stage { } -.button{ +.button { color: TEXT-PRIMARY-COLOR; background-color: ACCENT-DISABLED-COLOR; box-shadow: inset 0 0 0 1px BORDER-SHADOW; } -.button:insensitive{ +.button:insensitive { box-shadow: none; color: TEXT-SECONDARY-COLOR; } @@ -467,8 +466,10 @@ stage { background-color: ACCENT-DISABLED_HOVER; } -.message-list-clear-button{ +.message-list-clear-button { border-radius: 9px; + background-color: SECTION-COLOR; + padding: 3px 15px; color: TEXT-PRIMARY-COLOR; } @@ -476,14 +477,6 @@ stage { box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important; } - -.system-menu-action { - border-radius: 32px; - box-shadow: inset 0 0 0 1px BORDER-MENU-SHADOW; - padding: 13px; -} - - /* quick-settings */ .quick-settings { padding: 20px; @@ -530,9 +523,15 @@ stage { } .quick-toggle-arrow { border-radius: 0 12px 12px 0; } -.quick-slider .icon-button{ box-shadow: inset 0 0 0 1px BORDER-SHADOW; } -.quick-slider .icon-button:hover{ - background-color: ACCENT-DISABLED_HOVER; + +.quick-slider .icon-button { + background-color: BACKGROUND-COLOR; + box-shadow: none; + transition-duration: 150ms; +} + +.quick-slider .icon-button:hover { + background-color: ACCENT-DISABLED-COLOR; color: TEXT-PRIMARY-COLOR; box-shadow: inset 0 0 0 1px BORDER-SHADOW; } @@ -550,23 +549,6 @@ stage { box-shadow: inset 0 0 0 1px BORDER-SHADOW; } -/* Aylur's widgets */ -.quick-settings.tweaked .media, -.quick-settings.tweaked .message, -.popup-menu-content .message, -.quick-settings.tweaked .quick-container { - background-color: SECTION-COLOR; - border-radius: 15px; - border: none; -} - -.quick-settings.tweaked .quick-container .quick-slider { margin: 2.5px 0 2.5px 0; } -.quick-settings.tweaked .quick-container .quick-slider:first-child { margin: 0 0 2.5px 0; } -.quick-settings.tweaked .quick-container .quick-slider:last-child { margin: 2.5px 0 0 0; } -.quick-settings.tweaked .quick-container .quick-slider:first-child:last-child { margin: 0; } - -.usage-level StIcon{ width: 1.29em; } - .level-bar { padding: 0; background-color: ACCENT-DISABLED-COLOR; @@ -1022,7 +1004,7 @@ StEntry:focus { border-radius: 22px; background-color: BACKGROUND-COLOR; border: 0; /* ubuntu fix */ - box-shadow: inset 0 0 0 1px BORDER-SHADOW; + box-shadow: inset 0 0 0 1px BORDER-MENU-SHADOW; color: TEXT-PRIMARY-COLOR; } @@ -1171,4 +1153,27 @@ StEntry:focus { margin: 5px; border-radius: 10px; height: 26px; - padding: 0; } \ No newline at end of file + padding: 0; } + + +/* Aylur's widgets */ +.quick-settings.tweaked .media, +.quick-settings.tweaked .message, +.popup-menu-content .message, +.quick-settings.tweaked .quick-container { + background-color: SECTION-COLOR; + border-radius: 16px; + border: none; +} + +.quick-settings.tweaked .quick-container .quick-slider { margin: 2.5px 0 2.5px 0; } +.quick-settings.tweaked .quick-container .quick-slider:first-child { margin: 0 0 2.5px 0; } +.quick-settings.tweaked .quick-container .quick-slider:last-child { margin: 2.5px 0 0 0; } +.quick-settings.tweaked .quick-container .quick-slider:first-child:last-child { margin: 0; } + +.quick-settings.tweaked .media { font-weight: 500; } + +.quick-settings.adjusted .quick-toggle .quick-toggle-arrow:ltr { border-radius: 0 36px 36px 0; } +.quick-settings.adjusted .quick-toggle .quick-toggle-arrow:rtl { border-radius: 36px 0 0 36px; } + +.usage-level StIcon{ width: 1.29em; } \ No newline at end of file