AuroraMiddleware/gtk
1
0
Fork 1
mirror of https://gitlab.gnome.org/GNOME/gtk.git synced 2024-12-27 06:00:22 +00:00
Code Issues Projects Releases Wiki Activity

Adwaita: notebook legibility fixes

Browse Source 
- make inactive tabs more legible

Fixes https://gitlab.gnome.org/GNOME/gtk/-/issues/2652
This commit is contained in:
Jakub Steiner 2020-06-23 19:54:54 +02:00
parent 518462d882
commit ec54399d89
1 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1818,10 +1818,10 @@ notebook {
> tabs {
margin-bottom: -2px;
> tab {
&:hover { box-shadow: inset 0 -3px $borders_color; }
&:hover { box-shadow: inset 0 -4px $borders_color; }
&:checked { box-shadow: inset 0 -3px $selected_bg_color; }
&:checked { box-shadow: inset 0 -4px $selected_bg_color; }
}
}
}
@ -1831,9 +1831,9 @@ notebook {
> tabs {
margin-top: -2px;
> tab {
&:hover { box-shadow: inset 0 3px $borders_color; }
&:hover { box-shadow: inset 0 4px $borders_color; }
&:checked { box-shadow: inset 0 3px $selected_bg_color; }
&:checked { box-shadow: inset 0 4px $selected_bg_color; }
}
}
}
@ -1843,9 +1843,9 @@ notebook {
> tabs {
margin-right: -2px;
> tab {
&:hover { box-shadow: inset -3px 0 $borders_color; }
&:hover { box-shadow: inset -4px 0 $borders_color; }
&:checked { box-shadow: inset -3px 0 $selected_bg_color; }
&:checked { box-shadow: inset -4px 0 $selected_bg_color; }
}
}
}
@ -1855,9 +1855,9 @@ notebook {
> tabs {
margin-left: -2px;
> tab {
&:hover { box-shadow: inset 3px 0 $borders_color; }
&:hover { box-shadow: inset 4px 0 $borders_color; }
&:checked { box-shadow: inset 3px 0 $selected_bg_color; }
&:checked { box-shadow: inset 4px 0 $selected_bg_color; }
}
}
}
@ -1934,14 +1934,15 @@ notebook {
min-width: 30px;
padding: 3px 12px;
color: $insensitive_fg_color;
font-weight: bold;
color: $fg_color;
font-weight: normal;
border-width: 1px; // for reorderable tabs
border-color: transparent; //
&:hover {
color: mix($insensitive_fg_color, $fg_color, 50%);
color: $fg_color;
background-color: darken($bg_color,4%);
&.reorderable-page {
border-color: transparentize($borders_color, 0.7);