[gnome-shell/wip/snwh/style-updates] theme: new slider style

[Sam Hewitt <snwh src gnome org>]

commit 207546d483c15d094b7567292a99c6c60edc022c
Author: Sam Hewitt <sam snwh org>
Date:   Wed Dec 29 09:36:12 2021 -0330

    theme: new slider style

 data/theme/gnome-shell-sass/widgets/_panel.scss  |  2 +-
 data/theme/gnome-shell-sass/widgets/_slider.scss | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/widgets/_panel.scss b/data/theme/gnome-shell-sass/widgets/_panel.scss
index 5c21468d37..44eb46f981 100644
--- a/data/theme/gnome-shell-sass/widgets/_panel.scss
+++ b/data/theme/gnome-shell-sass/widgets/_panel.scss
@@ -3,7 +3,7 @@
 
 $panel_corner_radius: $base_border_radius+1;
 $panel_bg_color: #000;
-$panel_fg_color: darken($fg_color, 5%);
+$panel_fg_color: if($variant == 'light', lighten($bg_color, 10%), darken($fg_color, 5%));
 $panel_height: 2.2em;
 $panel_transition_duration: 250ms; // same as the overview transition duration
 
diff --git a/data/theme/gnome-shell-sass/widgets/_slider.scss 
b/data/theme/gnome-shell-sass/widgets/_slider.scss
index f21d62e68a..a3964bae18 100644
--- a/data/theme/gnome-shell-sass/widgets/_slider.scss
+++ b/data/theme/gnome-shell-sass/widgets/_slider.scss
@@ -5,23 +5,23 @@ $slider_size: 15px;
 .slider {
   height: $slider_size;
   // slider trough
-  -barlevel-height: 3px; // has to be an odd number
+  -barlevel-height: 6px; // has to be an odd number
   -barlevel-background-color: $borders_color; //background of the trough
-  -barlevel-border-width: 1px; 
+  -barlevel-border-width: 2px; 
   -barlevel-border-color: $borders_color; // trough border color
   // fill style
-  -barlevel-active-background-color: $selected_bg_color; //active trough fill
-  -barlevel-active-border-color: if($variant == 'light', darken($selected_bg_color, 4%), 
lighten($selected_bg_color, 2%)); //active trough border
+  -barlevel-active-background-color: $selected_bg_color;
+  -barlevel-active-border-color: $selected_bg_color;
   // overfill style (red in this case)
   -barlevel-overdrive-color: $destructive_color;
   -barlevel-overdrive-border-color: if($variant == 'light', darken($destructive_color, 4%), 
lighten($destructive_color, 2%)); //trough border when red;
   -barlevel-overdrive-separator-width:1px;
   // slider handler
   -slider-handle-radius: $slider_size * 0.5; // half the size of the size
-  -slider-handle-border-width: 1px;
-  -slider-handle-border-color: if($variant == 'light', $borders_color, $fg_color);
+  -slider-handle-border-width: 0;
+  -slider-handle-border-color: transparent; // because 0 width
 
-  color: if($variant == 'light', lighten($bg_color, 10%), $fg_color);
+  color: $fg_color;
   &:hover { color: $hover_bg_color; }
   &:active { color: $active_bg_color; }
 }
\ No newline at end of file