simplify tabs design

tau-OS · Jan 15, 2023 · 0921c2b · 0921c2b
1 parent f817f06
commit 0921c2b
Showing 1 changed file with 18 additions and 26 deletions.
diff --git a/Helium/gtk-4.0/_tauos.scss b/Helium/gtk-4.0/_tauos.scss
@@ -638,40 +638,32 @@ $colors: (
   }
 }
 
-.tab-holder .tab {
-  margin: 0;
-  padding: 0;
-  border-radius: 8px 8px 0 0;
-}
-.tab-holder .disclosure-button {
-  padding: 2px;
+.tab-holder {
+  background: transparent;
+  box-shadow: none;
 }
-
 .tab-child {
-  background: $view_bg_color;
-  border-radius: 8px 8px 0 0;
-  padding: 2px 3px;
-  box-shadow: inset 0 0 0 1px gtkalpha($view_fg_color, 0.125);
+  background: gtkalpha($view_bg_color, 50%);
+  box-shadow: none;
+  border-radius: 12px;
+  padding: 0px 2px;
 
   &:hover {
-    background: gtkmix($view_bg_color, $view_fg_color, 90%);
+    background: $view_bg_color;
   }
   &:active {
-    background: gtkmix($view_bg_color, $view_fg_color, 80%);
-  }
-
-  & button {
     background: transparent;
-    border-radius: 999px;
-    padding: 0;
-    margin: 0;
-  }
-
-  & button:hover {
-    background: gtkalpha($view_fg_color, 0.1);
   }
-  & button:active {
-    background: gtkalpha($view_fg_color, 0.2);
+}
+.tab {
+  background: none;
+  box-shadow: none;
+  border-radius: 12px;
+  margin: 6px 0px;
+  padding: 2px 8px;
+
+  &:checked {
+    background: $view_bg_color;
   }
 }