_tauos.scss - Fix OverlayButton shadow elevation hierarchy

tau-OS · Aug 21, 2023 · b1bd602 · b1bd602
1 parent 55ea602
commit b1bd602
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/Helium/gtk-4.0/_tauos.scss b/Helium/gtk-4.0/_tauos.scss
@@ -542,7 +542,7 @@ $colors: (
   border-radius: rem(999px);
   background: bg-color(0);
   color: $accent_color;
-  box-shadow: shadow(3);
+  box-shadow: shadow(1);
 
   &:disabled {
     background: gtkalpha($view_fg_color, 0.12);
@@ -553,66 +553,66 @@ $colors: (
   &:hover {
     background: bg-color(2);
     color: $accent_color;
-    box-shadow: shadow(4);
+    box-shadow: shadow(3);
   }
 
   &:active {
     background: bg-color(4);
     color: $accent_color;
-    box-shadow: shadow(3);
+    box-shadow: shadow(2);
   }
 
   &.primary {
       background: image($accent_container_bg_color);
       color: $accent_color;
-      box-shadow: shadow(3);
+      box-shadow: shadow(1);
 
       &:hover {
         background: linear-gradient(0deg, gtkalpha($accent_color, 0.08), gtkalpha($accent_color, 0.08)), image($accent_container_bg_color);
         color: $accent_color;
-        box-shadow: shadow(4);
+        box-shadow: shadow(3);
       }
 
       &:active {
         background: linear-gradient(0deg, gtkalpha($accent_color, 0.14), gtkalpha($accent_color, 0.14)), image($accent_container_bg_color);
         color: $accent_color;
-        box-shadow: shadow(3);
+        box-shadow: shadow(2);
       }
     }
 
     &.secondary {
       background: image($suggested_container_bg_color);
       color: $suggested_color;
-      box-shadow: shadow(3);
+      box-shadow: shadow(1);
 
       &:hover {
         background: linear-gradient(0deg, gtkalpha($suggested_color, 0.08), gtkalpha($suggested_color, 0.08)), image($suggested_container_bg_color);
         color: $suggested_color;
-        box-shadow: shadow(4);
+        box-shadow: shadow(3);
       }
 
       &:active {
         background: linear-gradient(0deg, gtkalpha($suggested_color, 0.14), gtkalpha($suggested_color, 0.14)), image($suggested_container_bg_color);
         color: $suggested_color;
-        box-shadow: shadow(3);
+        box-shadow: shadow(2);
       }
     }
 
     &.tertiary {
       background: image($success_container_bg_color);
       color: $success_color;
-      box-shadow: shadow(3);
+      box-shadow: shadow(1);
 
       &:hover {
         background: linear-gradient(0deg, gtkalpha($success_color, 0.08), gtkalpha($success_color, 0.08)), image($success_container_bg_color);
         color: $success_color;
-        box-shadow: shadow(4);
+        box-shadow: shadow(3);
       }
 
       &:active {
         background: linear-gradient(0deg, gtkalpha($success_color, 0.14), gtkalpha($success_color, 0.14)), image($success_container_bg_color);
         color: $success_color;
-        box-shadow: shadow(3);
+        box-shadow: shadow(2);
       }
     }