From 93366ee49bfa5f606d96107fe5c6451c2cb8d3d8 Mon Sep 17 00:00:00 2001
From: raveit65 <mate@raveit.de>
Date: Sun, 4 Mar 2018 18:10:04 +0100
Subject: Menta Themes: add backdrop state to scrollbars

---
 desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css | 35 ++++++++++++++++++++----
 desktop-themes/Menta/gtk-3.0/gtk-widgets.css     | 35 ++++++++++++++++++++----
 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,
-- 
cgit v1.2.1