[gtk] Adwaita: Add hover for clickable infobars



commit 2b7de841a9e044de7650ecebb9667daf1e15eee0
Author: Matthias Clasen <mclasen redhat com>
Date:   Thu Jan 9 16:13:33 2020 -0500

    Adwaita: Add hover for clickable infobars

 gtk/theme/Adwaita/_common.scss           | 6 +++++-
 gtk/theme/Adwaita/gtk-contained-dark.css | 2 ++
 gtk/theme/Adwaita/gtk-contained.css      | 2 ++
 3 files changed, 9 insertions(+), 1 deletion(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index ead3e20e36..75eaf43d40 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -4294,6 +4294,11 @@ video {
 infobar {
   border-style: none;
 
+  &.action:hover {
+      background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 47%), 30%),
+                        desaturate(darken(invert($selected_bg_color), 42%), 70%));
+      border-color: lighten($borders_color, 10%);
+  }
   &.info,
   &.question,
   &.warning,
@@ -4308,7 +4313,6 @@ infobar {
     text-shadow: none;
 
     &:backdrop { text-shadow: none; }
-
     > revealer > box {
       padding-top: 8px; padding-bottom: 8px;
       border-bottom: 1px solid lighten($borders_color, 5%);
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 7657fb357c..9c80742dc7 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -1767,6 +1767,8 @@ video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
 /************** GtkInfoBar * */
 infobar { border-style: none; }
 
+infobar.action:hover { background-color: #3e3b37; border-color: #353535; }
+
 infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
 
 infobar.info:backdrop, infobar.info, infobar.question:backdrop, infobar.question, infobar.warning:backdrop, 
infobar.warning, infobar.error:backdrop, infobar.error { background-color: #44403b; border-color: #353535; }
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index f8018002fe..e620e39107 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -1783,6 +1783,8 @@ video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
 /************** GtkInfoBar * */
 infobar { border-style: none; }
 
+infobar.action:hover { background-color: #f4ebe1; border-color: #e4e1de; }
+
 infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
 
 infobar.info:backdrop, infobar.info, infobar.question:backdrop, infobar.question, infobar.warning:backdrop, 
infobar.warning, infobar.error:backdrop, infobar.error { background-color: #f1e6d9; border-color: #e4e1de; }


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]