Style GtkProgressBar - SL #4249

- add dark grey border
- use grey background fill for common progressbars
- use black background fill for progressbars in palettes or toolbars
- remove hardcoded values

Signed-off-by: Manuel Quiñones <manuq@laptop.org>
Acked-by: Simon Schampijer <simon@laptop.org>
Signed-off-by: Ajay Garg <ajay@activitycentral.com>

1 files changed, 11 insertions, 6 deletions

diff --git a/gtk3/theme/gtk-widgets.css.em b/gtk3/theme/gtk-widgets.css.em
index e962d1e..ff8483e 100644
--- a/gtk3/theme/gtk-widgets.css.em
+++ b/gtk3/theme/gtk-widgets.css.em
@@ -530,18 +530,23 @@ SugarPaletteHeaderSeparator.menuitem.separator {
 
 GtkProgressBar.progressbar {
     background-color: @white;
-    border-color: @white;
-    border-radius: 10px;
+    border-color: @button_grey;
+    border-radius: $(subcell_size)px;
     border-style: solid;
-    border-width: 0px;
+    border-width: $(thickness)px;
 }
 
 GtkProgressBar.trough {
-    background-color: alpha (@black, 0.0);
+    background-color: @selection_grey;
     border-style: solid;
-    border-radius: 10px;
+    border-radius: $(subcell_size)px;
     border-color: @button_grey;
-    border-width: 2px;
+    border-width: $(thickness)px;
+}
+
+.toolbar GtkProgressBar.trough,
+SugarPaletteWindowWidget GtkProgressBar.trough {
+    background-color: @black;
 }
 
 /* Separators */