Gtk+3 Ambiant-MATE: don't use images for progressbar background

usr/share/themes/Ambiant-MATE/gtk-3.0/gtk-main.css

@@ -77,6 +77,14 @@
 @define-color scrollbar_trough shade(@theme_bg_color, 0.98);
 @define-color scrollbar_slider @theme_bg_color;
 
+@define-color progressbar_fill_a shade(@theme_selected_bg_color, 1.07);
+@define-color progressbar_fill_b shade(mix(@theme_selected_bg_color, green, 0.10), 0.91);
+@define-color button_border_active shade(@theme_selected_bg_color, 0.95);
+
+@define-color progressbar_backdrop_fill_a shade(@backdrop_selected_bg_color, 1.07);
+@define-color progressbar_backdrop_fill_b shade(mix(@backdrop_selected_bg_color, grey, 0.10), 0.91);
+@define-color button_border_backdrop_active shade(@backdrop_selected_bg_color, 0.95);
+
 @import url("gtk-widgets-borders.css");
 @import url("gtk-widgets-assets.css");
 @import url("gtk-widgets.css");

usr/share/themes/Ambiant-MATE/gtk-3.0/gtk-widgets-borders.css

@@ -219,30 +219,6 @@ GtkSwitch.slider:active:insensitive {
     border-image: url("assets/switch-button-on-disabled.png") 9 11 9 11 / 9px 11px 9px 11px stretch;
 }
 
-.progressbar,
-.progressbar row,
-.progressbar row:hover,
-.progressbar row:selected,
-.progressbar row:selected:focused {
-    border-image: url("assets/progressbar-horizontal-fill.png") 5 6 5 6 / 6px 7px 6px 7px stretch;
-}
-
-.progressbar.vertical {
-    border-image: url("assets/progressbar-vertical-fill.png") 6 5 6 5 / 7px 6px 7px 6px stretch;
-}
-
-.progressbar:backdrop,
-.progressbar row:backdrop,
-.progressbar row:hover:backdrop,
-.progressbar row:selected:backdrop,
-.progressbar row:selected:focused:backdrop {
-    border-image: url("assets/progressbar-horizontal-fill-backdrop.png") 5 6 5 6 / 6px 7px 6px 7px stretch;
-}
-
-.progressbar.vertical:backdrop {
-    border-image: url("assets/progressbar-vertical-fill-backdrop.png") 6 5 6 5 / 7px 6px 7px 6px stretch;
-}
-
 .scale.trough {
     border-image: url("assets/scale-horizontal-trough.png") 2 6 2 6 / 2px 6px 2px 6px stretch;
 }

usr/share/themes/Ambiant-MATE/gtk-3.0/gtk-widgets.css

@@ -1333,16 +1333,42 @@ GtkProgressBar {
 .menubar .menuitem .scale.highlight.left,
 .scale.highlight.left,
 .progressbar,
+.toolbar .progressbar,
+.entry.progressbar,
 .progressbar row,
 .progressbar row:hover,
 .progressbar row:selected,
 .progressbar row:selected:focused,
 .progressbar row:nth-child(odd) {
     border-radius: 8px;
-    border-width: 0px;
-    background-image: none;
-    background-color: #8FAF53;
+    border-width: 1px;
+    border-style: solid;
+    background-image: linear-gradient(to bottom,
+                                      @progressbar_fill_a,
+                                      @progressbar_fill_b);
+    border-top-color:    shade(@button_border_active, 0.80);
+    border-left-color:   shade(@button_border_active, 0.85);
+    border-right-color:  shade(@button_border_active, 0.85);
+    border-bottom-color: shade(@button_border_active, 0.80);
+/* Label font color of progressbar*/
+    color: @theme_fg_color;
+    text-shadow: none;
+}
+
+.progressbar.vertical {
+    border-radius: 8px;
+    border-width: 1px;
     border-style: solid;
+    background-image: linear-gradient(to right,
+                                      @progressbar_fill_a,
+                                      @progressbar_fill_b);
+    border-top-color:    shade(@button_border_active, 0.80);
+    border-left-color:   shade(@button_border_active, 0.85);
+    border-right-color:  shade(@button_border_active, 0.85);
+    border-bottom-color: shade(@button_border_active, 0.80);
+/* Label font color of progressbar*/
+    color: @theme_fg_color;
+    text-shadow: none;
 }
 
 .progressbar:backdrop,
@@ -1351,11 +1377,36 @@ GtkProgressBar {
 .progressbar row:selected:backdrop,
 .progressbar row:selected:focused:backdrop,
 .scale.highlight.bottom:backdrop,
+.progressbar:backdrop {
+    border-radius: 8px;
+    border-width: 1px;
+    border-style: solid;
+    background-image: linear-gradient(to bottom,
+                                      @progressbar_backdrop_fill_a,
+                                      @progressbar_backdrop_fill_b);
+    border-top-color:    shade(@button_border_backdrop_active, 0.80);
+    border-left-color:   shade(@button_border_backdrop_active, 0.85);
+    border-right-color:  shade(@button_border_backdrop_active, 0.85);
+    border-bottom-color: shade(@button_border_backdrop_active, 0.80);
+/* Label font color of progressbar*/
+    color: @backdrop_fg_color;
+    text-shadow: none;
+}
+
 .progressbar.vertical:backdrop {
     border-radius: 8px;
-    border-width: 0px;
-    background-image: none;
-    background-color: @backdrop_filling_bg;
+    border-width: 1px;
+    border-style: solid;
+    background-image: linear-gradient(to right,
+                                      @progressbar_backdrop_fill_a,
+                                      @progressbar_backdrop_fill_b);
+    border-top-color:    shade(@button_border_backdrop_active, 0.80);
+    border-left-color:   shade(@button_border_backdrop_active, 0.85);
+    border-right-color:  shade(@button_border_backdrop_active, 0.85);
+    border-bottom-color: shade(@button_border_backdrop_active, 0.80);
+/* Label font color of progressbar*/
+    color: @backdrop_fg_color;
+    text-shadow: none;
 }
 
 .scale.highlight.left:insensitive {