scale rounded and slider active variant

Signed-off-by: Manuel Quiñones <manuq@laptop.org>

1 files changed, 22 insertions, 0 deletions

diff --git a/sugar-theme.css b/sugar-theme.css
index 29506f7..fc4ee31 100644
--- a/sugar-theme.css
+++ b/sugar-theme.css
@@ -177,6 +177,24 @@ GtkScale {
     -GtkRange-slider-width: 32; /* $scale_slider_width */
 }
 
+GtkScale.trough {
+    border-width: 2;
+    border-radius: 30;
+    border-style: solid;
+    border-color: @button_grey;
+    background-color: @button_grey;
+}
+
+/*
+
+FIXME - :active selection is not working
+
+GtkScale.trough:active {
+    border-color: @white;
+}
+
+*/
+
 GtkScale.slider {
     border-width: 0;
     border-radius: 0;
@@ -186,6 +204,10 @@ GtkScale.slider {
     background-image: url("assets/scale-slider.svg");
 }
 
+GtkScale.slider:active {
+    background-image: url("assets/scale-slider-active.svg");
+}
+
 GtkScale.slider:insensitive {
 }