From cb7519914ef10087491f83b07e6d4a2a046fcf7e Mon Sep 17 00:00:00 2001 From: SamuDifferent Date: Wed, 26 Jun 2024 02:07:17 +0200 Subject: [PATCH] modified: gnome-shell/gnome-shell.css --- gnome-shell/gnome-shell.css | 85 +++++++++++++++++++++---------------- 1 file changed, 49 insertions(+), 36 deletions(-) diff --git a/gnome-shell/gnome-shell.css b/gnome-shell/gnome-shell.css index 8669a5c..30c11c7 100755 --- a/gnome-shell/gnome-shell.css +++ b/gnome-shell/gnome-shell.css @@ -4,7 +4,7 @@ #dash .dash-item-container .app-grid-running-dot { margin-bottom: 21px; - background-color: #ff5a99; } + background-color: rgba(255, 90, 153, 1); } /* apps / folders / apps & folders in search */ .app-well-app .overview-icon, @@ -39,8 +39,8 @@ .app-well-app.app-folder .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); background-color: rgba(237, 219, 239, 0.9); + color: rgba(255, 255, 255, 1); } /* app icons effects in dash */ @@ -49,8 +49,7 @@ #dash .app-well-app:selected .overview-icon, #dash .show-apps:hover .overview-icon, #dash .show-apps:focus .overview-icon { - box-shadow: inset 0 0 4px 1px rgba(148, 102, 153, 0.4); - background-color: rgba(255, 255, 255, 1); + background-color: rgba(255, 90, 153, 1); } /* effect when creating new folder */ @@ -119,28 +118,34 @@ border-radius: 15px; padding: 12px; transition-duration: 100ms; + background-color: rgba(255, 167, 199, 1); } .page-navigation-arrow > StIcon { margin: 0; color: rgba(255, 255, 255, 1); + box-shadow: rgba(255, 167, 199, 1); } .page-navigation-arrow:hover { - background-color: rgba(237, 219, 239, 0.9); + background-color: rgba(255, 255, 255, 1); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); } .page-navigation-arrow:hover > StIcon { color: rgba(255, 90, 153, 1); - background-color: rgba(0, 0, 0, 0); + } .page-navigation-arrow:active { - background-color: rgba(227, 203, 230, 0.95); + background-color: rgba(255, 90, 153, 1); + color: rgba(255, 255, 255, 1); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); } +.page-navigation-arrow:active > StIcon { + color: rgba(255, 255, 255, 1); +} /* left and right hints on edges of the screen when dragging app icon */ .page-navigation-hint.next:ltr, @@ -181,11 +186,10 @@ /* popup label when hovering the app in dash */ .dash-label { - background-color: rgba(242, 225, 243, 0.8); - color: rgba(40, 7, 43, 0.87); - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.1); + background-color: rgba(255, 167, 199, 1); + color: rgba(255, 255, 255, 1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); + border-color: transparent; } @@ -221,7 +225,7 @@ /* pinned apps | running apps */ .dash-separator { - box-shadow: 0 0 0 0.25px rgba(255, 90, 153, 1); + background-color: rgba(255, 90, 153, 1); } @@ -1342,7 +1346,7 @@ StEntry:focus { color: rgb(255, 255, 255); border-radius: 14px; border: 4px solid transparent !important; - background-color: rgba(255, 90, 153, 1); + background-color: rgba(255, 167, 199, 1); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); } @@ -1350,7 +1354,8 @@ StEntry:focus { .panel-button:hover .clock, .panel-button:active, .panel-button:active .clock { - background-color: rgba(255, 167, 199, 1); + background-color: rgba(255, 255, 255, 1); + color: rgba(255, 90, 153, 1); } /* workspaces indicator in activities button (45+) */ @@ -1359,6 +1364,12 @@ StEntry:focus { border-radius: 99px; } +#panel .workspace-dot:hover, +#panel .workspace-dot:active { + background-color: rgb(255, 90, 153); + border-radius: 99px; +} + /* indicator for active */ #panel .screencast-indicator, #panel .remote-access-indicator, @@ -1415,10 +1426,8 @@ StEntry:focus { .popup-menu-content, /* popover content */ .candidate-popup-content { /* IBus Candidate Popup (i dunno how to call it) */ color: rgba(40, 7, 43, 0.87); - background: rgba(250, 243, 251, 0.92); + background: rgba(255, 255, 255, 1); padding: 10px; - border-radius: 20px; - border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); } @@ -1432,7 +1441,7 @@ StEntry:focus { .popup-menu-item:focus, .popup-menu-item:hover, .popup-menu-item:checked { - background-color: rgba(237, 219, 239, 0.9) !important; + background-color: rgba(255, 167, 199, 1) !important; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05) !important; color: rgba(40, 7, 43, 0.87); } @@ -1453,7 +1462,7 @@ StEntry:focus { /* separator in popup menu */ .popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; + height: 2px; margin: 6px 0; background-color: rgba(255, 90, 153, 1); } @@ -1515,15 +1524,16 @@ StEntry:focus { /* screenshot / settings / lock / power options; part of quick-toggle-arrow [44+] */ .icon-button { - background-color: rgba(237, 219, 239, 0.9); - color: rgba(40, 7, 43, 0.87); + background-color: rgba(255, 167, 199, 1); + color: rgba(255, 255, 255, 1); transition-duration: 100ms; border-radius: 99px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); } .icon-button:hover { - background-color: rgba(227, 203, 230, 0.95); + background-color: rgba(255, 255, 255, 1); + color: rgba(255, 90, 153, 1); } .icon-button:focus, @@ -1536,9 +1546,9 @@ StEntry:focus { /* toggles in QS */ .quick-toggle, /* 43 */ .quick-menu-toggle .quick-toggle { /* 44+ */ - color: rgba(40, 7, 43, 0.87); + color: rgba(255, 255, 255, 1); border-radius: 15px; - background-color: rgba(237, 219, 239, 0.9); + background-color: rgba(255, 167, 199, 1); transition-duration: 100ms; } @@ -1558,6 +1568,8 @@ StEntry:focus { .quick-menu-toggle .quick-toggle-arrow { border-color: transparent; + background-color: rgba(255, 167, 199, 1); + color: rgba(255, 255, 255, 1); } /* adjust borders in expandable menu button */ @@ -1574,14 +1586,14 @@ StEntry:focus { .quick-toggle:hover, .quick-menu-toggle .quick-toggle:hover, .quick-menu-toggle .quick-toggle-arrow:hover { - color: rgba(40, 7, 43, 0.87); - background-color: rgba(227, 203, 230, 0.95); + color: rgba(255, 90, 153, 1); + background-color: rgba(255, 255, 255, 1); } .quick-toggle:checked, .quick-menu-toggle .quick-toggle:checked, .quick-menu-toggle .quick-toggle-arrow:checked { - color: rgba(40, 7, 43, 0.87); + color: rgba(255, 255, 255, 1); background-color: rgba(255, 90, 153, 1); border-color: transparent; } @@ -1609,7 +1621,8 @@ StEntry:focus { /* quick slider icon */ .quick-slider .icon-button { - background-color: transparent; + background-color: rgba(255, 167, 199, 1); + color: rgba(255, 255, 255, 1); box-shadow: none; padding: 6px; border-radius: 11px; @@ -1617,8 +1630,8 @@ StEntry:focus { } .quick-slider .icon-button:hover { - background-color: rgba(237, 219, 239, 0.9); - color: rgba(40, 7, 43, 0.87); + background-color: rgba(255, 255, 255, 1); + color: rgba(255, 90, 153, 1); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); } @@ -1627,8 +1640,8 @@ StEntry:focus { /* overrides because of https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0ecd66efd50a1#fb75f14505e58d3bc51f2498ef328d1405d89e83_94_95 */ .quick-toggle-menu { - background-color: rgba(250, 243, 251, 0.92) !important; - color: rgba(40, 7, 43, 0.87) !important; + background-color: rgba(255, 255, 255, 1) !important; + color: rgba(0, 0, 0, 1) !important; border-radius: 18px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); margin: 12px auto; @@ -1636,8 +1649,8 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0 /* header icon in expanded menu */ .quick-toggle-menu .header .icon { - background-color: rgba(227, 203, 230, 0.95); - color: rgba(40, 7, 43, 0.87); + background-color: rgba(255, 255, 255, 1); + color: rgba(255, 90, 153, 1); border-radius: 12px; icon-size: 1.4em; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); @@ -1645,7 +1658,7 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0 .quick-toggle-menu .header .icon.active { background-color: rgba(255, 90, 153, 1); - color: rgba(40, 7, 43, 0.87); + color: rgba(255, 255, 255, 1); } /* connect / disconnect text color (expanded menu) */ @@ -1690,7 +1703,7 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0 /* main screenshot panel section */ .screenshot-ui-panel { - color: rgba(40, 7, 43, 0.87); + color: rgba(255, 90, 153, 1); background-color: rgba(250, 243, 251, 0.92); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 22px;