fix coupla things

tau-OS · Feb 28, 2023 · bb1fea0 · bb1fea0
1 parent f06e79a
commit bb1fea0
Showing 1 changed file with 27 additions and 17 deletions.
diff --git a/Helium/gtk-3.0/_common.scss b/Helium/gtk-3.0/_common.scss
@@ -1,8 +1,8 @@
 $ease-out-quad: cubic-bezier(0.4, 0, 0.2, 1);
 $asset_suffix: if($variant=='light', "", "-dark");
-$backdrop_transition: all 300ms ease-out-quad;
-$button_transition: all 300ms $ease-out-quad;
-$focus_transition: all 300ms $ease-out-quad;
+$backdrop_transition: all 400ms ease-out-quad;
+$button_transition: all 400ms $ease-out-quad;
+$focus_transition: all 400ms $ease-out-quad;
 $button_radius: 8px;
 $card_radius: 12px;
 $menu_radius: 8px;
@@ -1679,12 +1679,13 @@ headerbar {
 
     button.titlebutton {
       border-radius: 100%;
-      background-color: $titlebutton_normal;
+      background-color: transparent;
       min-height: 24px;
       min-width: 24px;
       margin: 0 4px 0 4px;
       padding: 0;
       transition: $button_transition;
+      &.close {background-color: $titlebutton_normal;}
       &:hover { background-color: $titlebutton_normal_hover; }
       &:hover:active, &:active { background-color: $titlebutton_normal_active; }
       &:backdrop { background: $titlebutton_backdrop; }
@@ -2749,9 +2750,9 @@ treeview ~ scrollbar.vertical {
 // **********
 switch {
   border-radius: 99px;
-  padding: 4px;
+  padding: 3px;
   background: gtkalpha($accent_color, 0.11);
-  border: 2px solid gtkalpha($border_color, 0.5);
+  border: 1px solid gtkalpha($border_color, 0.38);
 
   &:hover:not(:checked) {
     background: gtkalpha($accent_color, 0.14);
@@ -2762,43 +2763,52 @@ switch {
 
   &:checked {
     background: $accent_color;
-    border: 2px solid $accent_color;
+    border: 1px solid $accent_color;
     &:hover {
       background: $accent_color;
-      border: 2px solid $accent_color;
-      &:active { background: $accent_color; border: 2px solid $accent_color; }
+      border: 1px solid $accent_color;
+      &:active { 
+        background: $accent_color;
+        border: 1px solid $accent_color;
+      }
     }
   }
 
   &:disabled {
-    background: gtkalpha($accent_color, 0.03);
+    background: gtkalpha($slider_color, 0.12);
+    color: gtkalpha($slider_color, 0.38);
   }
 
   > slider {
     margin: 4px;
     min-width: 8px;
     min-height: 8px;
     border-radius: 50%;
-    border: 5px solid gtkalpha($border_color, 0.5);
+    border: 4px solid gtkalpha($border_color, 0.5);
     background-color: transparent;
     box-shadow: none;
     padding: 0px;
   }
 
   &:hover > slider {
-    border: 5px solid $accent_color;
+    border: 11px solid $outline;
+    margin: -3px;
   }
 
   &:checked > slider { 
-    border: 5px solid $accent_fg_color;
-    background-color: $accent_fg_color;
+    border: 8px solid $accent_fg_color;
+    background: $accent_fg_color;
     margin: 0px;
-    min-width: 16px;
-    min-height: 16px;
+  }
+
+  &:checked:hover > slider { 
+    border: 11px solid $accent_fg_color;
+    background: $accent_fg_color;
+    margin: -3px;
   }
 
   &:disabled > slider {
-    border: 5px solid $slider_color;
+    border: 4px solid $slider_color;
   }
 
   .osd & {