summaryrefslogtreecommitdiffstats
path: root/data/theme/gnome-shell-sass/widgets/_slider.scss
diff options
context:
space:
mode:
Diffstat (limited to 'data/theme/gnome-shell-sass/widgets/_slider.scss')
-rw-r--r--data/theme/gnome-shell-sass/widgets/_slider.scss27
1 files changed, 27 insertions, 0 deletions
diff --git a/data/theme/gnome-shell-sass/widgets/_slider.scss b/data/theme/gnome-shell-sass/widgets/_slider.scss
new file mode 100644
index 0000000..f21d62e
--- /dev/null
+++ b/data/theme/gnome-shell-sass/widgets/_slider.scss
@@ -0,0 +1,27 @@
+/* Slider */
+
+$slider_size: 15px;
+
+.slider {
+ height: $slider_size;
+ // slider trough
+ -barlevel-height: 3px; // has to be an odd number
+ -barlevel-background-color: $borders_color; //background of the trough
+ -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: 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: 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);
+
+ color: if($variant == 'light', lighten($bg_color, 10%), $fg_color);
+ &:hover { color: $hover_bg_color; }
+ &:active { color: $active_bg_color; }
+} \ No newline at end of file