gtk3: active state for osd buttons

- much clearer it is a depressed state now.

2 files changed, 8 insertions, 5 deletions

diff --git a/themes/Adwaita/gtk-3.0/gtk-main-common.css b/themes/Adwaita/gtk-3.0/gtk-main-common.css
index 0bc3a0e1..d733db0e 100644
--- a/themes/Adwaita/gtk-3.0/gtk-main-common.css
+++ b/themes/Adwaita/gtk-3.0/gtk-main-common.css
@@ -29,9 +29,9 @@
 @define-color osd_button_bg_hover_b alpha(@osd_lowlight, 0.14);
 @define-color osd_button_bg_hover_c alpha(@osd_highlight, 0.14);
 
-@define-color osd_button_bg_active_a alpha(@osd_lowlight, 0.18);
-@define-color osd_button_bg_active_b alpha(@osd_highlight, 0.23);
-@define-color osd_button_bg_active_c alpha(@osd_lowlight, 0.17);
+@define-color osd_button_bg_active_a alpha(black, .9);
+@define-color osd_button_bg_active_b alpha(black, 0.4);
+@define-color osd_button_bg_active_c alpha(black, 0);
 
 @define-color osd_button_bg_backdrop alpha(@osd_highlight, 0.18);
 @define-color osd_button_bg_backdrop_hover alpha(@osd_highlight, 0.25);
@@ -47,6 +47,7 @@
 @define-color osd_button_fg_insensitive shade(@osd_fg, 0.70);
 
 @define-color osd_button_border alpha(@osd_highlight, 0.40);
+@define-color osd_button_border_active alpha(@osd_highlight, 0.8);
 @define-color osd_button_inset shade(@osd_fg, 0.67);
 @define-color osd_button_shadow alpha(black, 0.35);
 
diff --git a/themes/Adwaita/gtk-3.0/gtk-widgets.css b/themes/Adwaita/gtk-3.0/gtk-widgets.css
index 36c9490b..b6da0332 100644
--- a/themes/Adwaita/gtk-3.0/gtk-widgets.css
+++ b/themes/Adwaita/gtk-3.0/gtk-widgets.css
@@ -2673,10 +2673,12 @@ GtkOverlay.osd {
     border-width: 1px;
     border-style: solid;
     border-image: none;
-    border-color: @osd_button_border;
     border-radius: 5px;
 }
 
+.osd .button { border-color: @osd_button_border; }
+.osd .button:active { border-color: @osd_button_border_active; }
+
 .osd .button {
     padding: 4px;
 
@@ -2767,7 +2769,7 @@ GtkOverlay.osd {
 .osd GtkMenuButton.button:active {
     background-image: linear-gradient(to bottom,
                                       @osd_button_bg_active_a,
-                                      @osd_button_bg_active_b 68%,
+                                      @osd_button_bg_active_b 20%,
                                       @osd_button_bg_active_c
                                       );
 }