diff --git a/gtk-3.20/assets/arrow-down-active.svg b/gtk-3.20/assets/arrow-down-active.svg
new file mode 100755
index 0000000..c0fe4dc
--- /dev/null
+++ b/gtk-3.20/assets/arrow-down-active.svg
@@ -0,0 +1,81 @@
+
+
+
+
diff --git a/gtk-3.20/assets/arrow-left-active.svg b/gtk-3.20/assets/arrow-left-active.svg
new file mode 100755
index 0000000..956a60a
--- /dev/null
+++ b/gtk-3.20/assets/arrow-left-active.svg
@@ -0,0 +1,81 @@
+
+
+
+
diff --git a/gtk-3.20/assets/arrow-right-active.svg b/gtk-3.20/assets/arrow-right-active.svg
new file mode 100755
index 0000000..d17a11b
--- /dev/null
+++ b/gtk-3.20/assets/arrow-right-active.svg
@@ -0,0 +1,81 @@
+
+
+
+
diff --git a/gtk-3.20/assets/arrow-up-active.svg b/gtk-3.20/assets/arrow-up-active.svg
new file mode 100755
index 0000000..73578b2
--- /dev/null
+++ b/gtk-3.20/assets/arrow-up-active.svg
@@ -0,0 +1,81 @@
+
+
+
+
diff --git a/gtk-3.20/gtk-widgets.css b/gtk-3.20/gtk-widgets.css
index 82f7a7c..af3ebcf 100644
--- a/gtk-3.20/gtk-widgets.css
+++ b/gtk-3.20/gtk-widgets.css
@@ -1434,7 +1434,13 @@ scrollbar {
border-radius: 0; }
scrollbar:backdrop {
background-color: mix(@theme_bg_color, @theme_fg_color, 0.1); }
- scrollbar button, scrollbar button:backdrop, scrollbar button:hover, scrollbar button:hover:backdrop, scrollbar button:active, scrollbar button:active:backdrop, scrollbar button:disabled, scrollbar button:disabled:backdrop {
+ scrollbar button:hover {
+ border-color: mix(@theme_bg_color, @theme_fg_color, 0.1);
+ background-color: mix(@theme_bg_color, @theme_fg_color, 0.2); }
+ scrollbar button:active {
+ border-color: mix(@theme_bg_color, @theme_fg_color, 0.1);
+ background-color: mix(@theme_bg_color, @theme_fg_color, 0.6); }
+ scrollbar button, scrollbar button:backdrop, scrollbar button:disabled, scrollbar button:disabled:backdrop {
padding: 3px;
border-color: mix(@theme_bg_color, @theme_fg_color, 0.1);
background-color: mix(@theme_bg_color, @theme_fg_color, 0.1); }
@@ -1447,9 +1453,9 @@ scrollbar {
background-clip: padding-box;
background-color: mix(@theme_bg_color, @theme_fg_color, 0.4); }
scrollbar slider:hover {
- background-color: mix(@theme_bg_color, @theme_fg_color, 0.4); }
+ background-color: mix(@theme_bg_color, @theme_fg_color, 0.35); }
scrollbar slider:hover:active {
- background-color: mix(@theme_bg_color, @theme_fg_color, 0.45); }
+ background-color: mix(@theme_bg_color, @theme_fg_color, 0.6); }
scrollbar slider:backdrop {
background-color: mix(@theme_bg_color, @theme_fg_color, 0.45); }
scrollbar slider:disabled {
@@ -1492,8 +1498,12 @@ scrollbar {
min-width: 6px; }
scrollbar.horizontal button.down {
-gtk-icon-source: url("assets/arrow-right.svg"); }
+ scrollbar.horizontal button.down:active {
+ -gtk-icon-source: url("assets/arrow-right-active.svg"); }
scrollbar.horizontal button.up {
-gtk-icon-source: url("assets/arrow-left.svg"); }
+ scrollbar.horizontal button.up:active {
+ -gtk-icon-source: url("assets/arrow-left-active.svg"); }
scrollbar.vertical slider {
min-height: 40px; }
scrollbar.vertical button {
@@ -1501,8 +1511,12 @@ scrollbar {
min-width: 6px; }
scrollbar.vertical button.down {
-gtk-icon-source: url("assets/arrow-down.svg"); }
+ scrollbar.vertical button.down:active {
+ -gtk-icon-source: url("assets/arrow-down-active.svg"); }
scrollbar.vertical button.up {
-gtk-icon-source: url("assets/arrow-up.svg"); }
+ scrollbar.vertical button.up:active {
+ -gtk-icon-source: url("assets/arrow-up-active.svg"); }
treeview ~ scrollbar.vertical {
border-top: 1px solid @borders;
margin-top: -1px; }