2 files changed, 60 insertions, 10 deletions
diff --git a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
index 7f10c29b..49510a88 100644
--- a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
@@ -2842,11 +2842,13 @@ scrollbar.left .button:hover {
 }
 
 scrollbar button,
-scrollbar .button {
- background-image: linear-gradient(to bottom,
- shade (@button_active_gradient_color_a, 1.12),
- shade (@button_active_gradient_color_b, 1.12));
- background-color: transparent;
+scrollbar .button,
+scrollbar button:backdrop,
+scrollbar .button:backdrop {
+ background-image: linear-gradient(to bottom,
+ shade (@button_active_gradient_color_a, 1.12),
+ shade (@button_active_gradient_color_b, 1.12));
+ background-color: transparent;
 }
 
 scrollbar button:hover,
@@ -2872,6 +2874,13 @@ scrollbar button:backdrop {
 color: @theme_unfocused_fg_color;
 }
 
+scrollbar slider,
+scrollbar .slider,
+scrollbar button,
+scrollbar .button {
+ transition: all 400ms ease-out;
+}
+
 scrollbar.vertical slider,
 scrollbar.vertical .slider {
 min-width: 12px;
@@ -2900,6 +2909,14 @@ scrollbar.vertical .slider:hover:active {
 border-width: 1px;
 }
 
+scrollbar.vertical:backdrop slider,
+scrollbar.vertical:backdrop .slider {
+ background-image: linear-gradient(to right,
+ shade(@scrollbar_slider, 0.96),
+ shade(@scrollbar_slider, 0.88));
+ border-color: shade(@scrollbar_slider, 0.78);
+}
+
 scrollbar.horizontal slider,
 scrollbar.horizontal .slider {
 min-width: 42px;
@@ -2937,6 +2954,14 @@ scrollbar .slider:disabled {
 border-width: 1px;
 }
 
+scrollbar.horizontal slider,
+scrollbar.horizontal .slider {
+ background-image: linear-gradient(to bottom,
+ shade(@scrollbar_slider, 0.96),
+ shade(@scrollbar_slider, 0.88));
+ border-color: shade(@scrollbar_slider, 0.78);
+}
+
 scrollbar.fine-tune slider:hover:active,
 scrollbar.fine-tune .slider:hover:active {
 background-image: linear-gradient(to right,
diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
index a84949a6..e989c9c7 100644
--- a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
@@ -2842,11 +2842,13 @@ scrollbar.left .button:hover {
 }
 
 scrollbar button,
-scrollbar .button {
- background-image: linear-gradient(to bottom,
- shade (@button_active_gradient_color_a, 1.12),
- shade (@button_active_gradient_color_b, 1.12));
- background-color: transparent;
+scrollbar .button,
+scrollbar button:backdrop,
+scrollbar .button:backdrop {
+ background-image: linear-gradient(to bottom,
+ shade (@button_active_gradient_color_a, 1.12),
+ shade (@button_active_gradient_color_b, 1.12));
+ background-color: transparent;
 }
 
 scrollbar button:hover,
@@ -2872,6 +2874,13 @@ scrollbar button:backdrop {
 color: @theme_unfocused_fg_color;
 }
 
+scrollbar slider,
+scrollbar .slider,
+scrollbar button,
+scrollbar .button {
+ transition: all 400ms ease-out;
+}
+
 scrollbar.vertical slider,
 scrollbar.vertical .slider {
 min-width: 12px;
@@ -2900,6 +2909,14 @@ scrollbar.vertical .slider:hover:active {
 border-width: 1px;
 }
 
+scrollbar.vertical:backdrop slider,
+scrollbar.vertical:backdrop .slider {
+ background-image: linear-gradient(to right,
+ shade(@scrollbar_slider, 0.96),
+ shade(@scrollbar_slider, 0.88));
+ border-color: shade(@scrollbar_slider, 0.78);
+}
+
 scrollbar.horizontal slider,
 scrollbar.horizontal .slider {
 min-width: 42px;
@@ -2937,6 +2954,14 @@ scrollbar .slider:disabled {
 border-width: 1px;
 }
 
+scrollbar.horizontal slider,
+scrollbar.horizontal .slider {
+ background-image: linear-gradient(to bottom,
+ shade(@scrollbar_slider, 0.96),
+ shade(@scrollbar_slider, 0.88));
+ border-color: shade(@scrollbar_slider, 0.78);
+}
+
 scrollbar.fine-tune slider:hover:active,
 scrollbar.fine-tune .slider:hover:active {
 background-image: linear-gradient(to right,