summaryrefslogtreecommitdiff
path: root/desktop-themes
diff options
context:
space:
mode:
authorraveit65 <[email protected]>2018-03-04 18:10:04 +0100
committerraveit65 <[email protected]>2019-10-07 17:02:50 +0200
commite8d10ceee35852329b1238b23b169e1ab801e66d (patch)
treed63d9cd8a112c0cc3ec8ffd9263c8fcac959ddbc /desktop-themes
parentefdd443f6fefc01b9e4386c218e02b9fa59c1858 (diff)
downloadmate-themes-e8d10ceee35852329b1238b23b169e1ab801e66d.tar.bz2
mate-themes-e8d10ceee35852329b1238b23b169e1ab801e66d.tar.xz
Menta Themes: add backdrop state to scrollbars
Diffstat (limited to 'desktop-themes')
-rw-r--r--desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css35
-rw-r--r--desktop-themes/Menta/gtk-3.0/gtk-widgets.css35
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,