Fix gnome shell theme QS

tau-OS · Jan 15, 2024 · 92593a4 · 92593a4
1 parent 9f4b3e0
commit 92593a4
Show file tree

Hide file tree

Showing 2 changed files with 66 additions and 52 deletions.
diff --git a/Helium-dark/gnome-shell/gnome-shell.css b/Helium-dark/gnome-shell/gnome-shell.css
@@ -2610,39 +2610,46 @@ StScrollBar {
   #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
     background-color: rgba(106,106,106, 0.5); }
 
-.quick-settings .icon-button, .quick-settings .button {
-  background-color: #3d3d3d;
-  color: #fff;
+.quick-settings {
+  padding: 18px;
+  border-radius: 18px;
 }
-.quick-settings .icon-button:hover, .quick-settings .button:hover {
-  background-color: #6A6A6A;
-  color: #fff;
+
+.quick-settings .icon-button, .button {
+  padding: 12px;
 }
 
-.quick-toggle {
-  background-color: #3d3d3d;
-  color: #fff;
+.quick-settings-grid {
+  spacing-rows: 12px;
+  spacing-columns: 12px;
 }
-.quick-toggle {
-  background-color: #3d3d3d;
-  color: #fff;
+
+.quick-toggle, .quick-menu-toggle {
+  border-radius: 18px;
+  min-width: 12em;
+  max-width: 12em;
+  min-height: 48px;
+  border:none;
 }
 
-.quick-menu-toggle .quick-toggle-arrow {
-    background-color: rgba(240, 240, 240, 0.1);
+.quick-toggle {
+  background-color: none;
 }
 
-.quick-slider .icon-button { background-color: transparent; }
+.quick-toggle .quick-toggle-title { font-weight: bold; }
 
-.quick-toggle-menu {
-  background-color: #3d3d3d;
-  color: #fff;
-}
-.quick-toggle-menu .header .icon {
-    background-color: #6A6A6A;
-}
-.quick-toggle-menu .header .icon.active { background-color: #6A6A6A; color: #FFF; }
+.quick-toggle .quick-toggle-icon { icon-size: 16px; }
 
-.quick-settings-system-item .power-item:insensitive {
-  background-color: transparent;
+
+.quick-menu-toggle .quick-toggle-arrow {
+  padding: 6px 8px;
+  border-width: 0;
+}
+.quick-menu-toggle .quick-toggle-arrow:ltr {
+  border-radius: 0 18px 18px 0;
+  border-left-width: 1px;
 }
+.quick-menu-toggle .quick-toggle-arrow:rtl {
+  border-radius: 18px 0 0 18px;
+  border-right-width: 1px;
+}
diff --git a/Helium/gnome-shell/gnome-shell.css b/Helium/gnome-shell/gnome-shell.css
@@ -2584,41 +2584,48 @@ StScrollBar {
   #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
     background-color: rgba(40, 86, 91, 0.5); }
 
-.quick-settings .icon-button, .quick-settings .button {
-  background-color: #fafafa;
-  color: #2d2d2d;
+.nm-network-item  .wireless-secure-icon { icon-size: 8px; }
+
+.quick-settings {
+  padding: 18px;
+  border-radius: 18px;
 }
-.quick-settings .icon-button:hover, .quick-settings .button:hover {
-  background-color: #6A6A6A;
-  color: #FAFAFA;
+
+.quick-settings .icon-button, .button {
+  padding: 12px;
 }
 
-.quick-toggle {
-  background-color: #fafafa;
-  color: #2d2d2d;
+.quick-settings-grid {
+  spacing-rows: 12px;
+  spacing-columns: 12px;
 }
-.quick-toggle {
-  background-color: #fafafa;
-  color: #2d2d2d;
+
+.quick-toggle, .quick-menu-toggle {
+  border-radius: 18px;
+  min-width: 12em;
+  max-width: 12em;
+  min-height: 48px;
+  border:none;
 }
 
-.quick-menu-toggle .quick-toggle-arrow {
-    background-color: rgba(33, 33, 33, 0.1);
+.quick-toggle {
+  background-color: none;
 }
 
-.quick-slider .icon-button { background-color: transparent; }
+.quick-toggle .quick-toggle-title { font-weight: bold; }
 
-.quick-toggle-menu {
-  background-color: #fafafa;
-  color: #2d2d2d;
-}
-.quick-toggle-menu .header .icon {
-    background-color: #6A6A6A;
-}
-.quick-toggle-menu .header .icon.active { background-color: #6A6A6A; color: #FFF; }
+.quick-toggle .quick-toggle-icon { icon-size: 16px; }
 
-.quick-settings-system-item .power-item:insensitive {
-  background-color: transparent;
-}
 
-.nm-network-item  .wireless-secure-icon { icon-size: 8px; }
+.quick-menu-toggle .quick-toggle-arrow {
+  padding: 6px 8px;
+  border-width: 0;
+}
+.quick-menu-toggle .quick-toggle-arrow:ltr {
+  border-radius: 0 18px 18px 0;
+  border-left-width: 1px;
+}
+.quick-menu-toggle .quick-toggle-arrow:rtl {
+  border-radius: 18px 0 0 18px;
+  border-right-width: 1px;
+}