[gtk/gtk-3-24] Adwaita: Add hover for clickable infobars



commit 0c6ea4c7b23d84101335808181d01a93df83b974
Author: Matthias Clasen <mclasen redhat com>
Date:   Thu Jan 9 19:03:56 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, 10 insertions(+)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index dbeb5c31ed..28baaf8aaf 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -4228,6 +4228,12 @@ paned {
 infobar {
   border-style: none;
 
+  &.action:hover > revealer > box {
+      background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 47%), 30%), 
+                        desaturate(darken(invert($selected_bg_color),42%), 70%));
+      border-bottom: 1px solid lighten($borders_color, 5%);
+  }
+
   &.info,
   &.question,
   &.warning,
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 1a18c84305..50214587a2 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -1689,6 +1689,8 @@ paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repe
 /************** GtkInfoBar * */
 infobar { border-style: none; }
 
+infobar.action:hover > revealer > box { background-color: #3e3b37; border-bottom: 1px solid #282828; }
+
 infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
 
 infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer 
box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > 
revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: 
#44403b; border-bottom: 1px solid #282828; }
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 91ddb93660..88161854b7 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -1705,6 +1705,8 @@ paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repe
 /************** GtkInfoBar * */
 infobar { border-style: none; }
 
+infobar.action:hover > revealer > box { background-color: #f4ebe1; border-bottom: 1px solid #d8d4d0; }
+
 infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
 
 infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer 
box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > 
revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: 
#f1e6d9; border-bottom: 1px solid #d8d4d0; }


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