AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity

Adwaita: Add hover for clickable infobars

Browse Source
This commit is contained in:
Matthias Clasen 2020-01-09 16:13:33 -05:00
parent 45309811c5
commit 2b7de841a9
3 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
gtk/theme/Adwaita/_common.scss
View File

@ -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%);

2
gtk/theme/Adwaita/gtk-contained-dark.css
View File

@ -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; }

2
gtk/theme/Adwaita/gtk-contained.css
View File

@ -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; }