[gnome-shell/wip/snwh/sass-cleanup] theme: sliders, fixes for dual variants, fix the fuzz

[Sam Hewitt <snwh src gnome org>]

commit 7419000ee7506b1c612b736fe4b0bdd12ea76300
Author: Sam Hewitt <sam snwh org>
Date:   Tue Dec 3 11:58:14 2019 -0500

    theme: sliders, fixes for dual variants, fix the fuzz

 data/theme/gnome-shell-sass/widgets/_popovers.scss |  4 ++--
 data/theme/gnome-shell-sass/widgets/_slider.scss   | 21 +++++++++++++--------
 2 files changed, 15 insertions(+), 10 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/widgets/_popovers.scss 
b/data/theme/gnome-shell-sass/widgets/_popovers.scss
index 8f00667ad7..1492dda6e4 100644
--- a/data/theme/gnome-shell-sass/widgets/_popovers.scss
+++ b/data/theme/gnome-shell-sass/widgets/_popovers.scss
@@ -90,8 +90,8 @@
        //-margin-horizontal: 24px;
        height: 1px; //not really the whole box
        margin: 6px 64px;
-       background-color: transparent;
-       border-bottom: 1px solid $bubble_borders_color;
+       background-color: lighten($borders_color, 2%);
+       border: none !important;
 }
 
 // desktop background menu
diff --git a/data/theme/gnome-shell-sass/widgets/_slider.scss 
b/data/theme/gnome-shell-sass/widgets/_slider.scss
index 8865fda35c..4c67b64ddc 100644
--- a/data/theme/gnome-shell-sass/widgets/_slider.scss
+++ b/data/theme/gnome-shell-sass/widgets/_slider.scss
@@ -1,21 +1,26 @@
 /* Slider */
 
-$slider_size: 16px;
+$slider_size: 15px;
 
 .slider {
        height: $slider_size;
-       -barlevel-height: $slider_size * 0.25;
+       // slider trough
+       -barlevel-height: 3px; // has to be an odd number
        -barlevel-background-color: lighten($borders_color, 5%); //background of the trough
-       -barlevel-border-color: $borders_color; //trough border color
+       -barlevel-border-width: 1px; 
+       -barlevel-border-color: $borders_color; // trough border color
+       // fill style
        -barlevel-active-background-color: $selected_bg_color; //active trough fill
-       -barlevel-active-border-color: $borders_color; //active trough border
+       -barlevel-active-border-color: if($variant == 'light', darken($selected_bg_color, 4%), 
lighten($selected_bg_color, 2%)); //active trough border
+       // overfill style (red in this case)
        -barlevel-overdrive-color: $destructive_color;
-       -barlevel-overdrive-border-color: $borders_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;
-       -barlevel-border-width: 1px;
-       -slider-handle-radius: $slider_size * 0.5;
+       // slider hander
+       -slider-handle-radius: $slider_size * 0.5; // half the size of the 
        -slider-handle-border-width: 1px;
-       -slider-handle-border-color: $borders_color;
+       -slider-handle-border-color: if($variant == 'light', $borders_color, $fg_color); //active trough 
border
+
        color: if($variant == 'light', lighten($bg_color, 10%), $fg_color);
        &:hover { color: $hover_bg_color; }
        &:active { color: $active_bg_color; }