AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests 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 { > tabs {
margin-bottom: -2px; margin-bottom: -2px;
> tab { > 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 { > tabs {
margin-top: -2px; margin-top: -2px;
> tab { > 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 { > tabs {
margin-right: -2px; margin-right: -2px;
> tab { > 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 { > tabs {
margin-left: -2px; margin-left: -2px;
> tab { > 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; min-width: 30px;
padding: 3px 12px; padding: 3px 12px;
color: $insensitive_fg_color; color: $fg_color;
font-weight: bold; font-weight: normal;
border-width: 1px; // for reorderable tabs border-width: 1px; // for reorderable tabs
border-color: transparent; // border-color: transparent; //
&:hover { &:hover {
color: mix($insensitive_fg_color, $fg_color, 50%); color: $fg_color;
background-color: darken($bg_color,4%);
&.reorderable-page { &.reorderable-page {
border-color: transparentize($borders_color, 0.7); border-color: transparentize($borders_color, 0.7);