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 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + 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 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + 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 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + 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 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + 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; }