1
0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00

fix header-bar spinbuttons

This commit is contained in:
Horst3180 2015-09-11 22:27:25 +02:00
parent de484ff964
commit 421b8c7d10
14 changed files with 92 additions and 24 deletions

View File

@ -1246,11 +1246,16 @@ GtkComboBox {
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
color: #ffffff; } color: #ffffff; }
.primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover {
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent; }
.primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive {
color: rgba(255, 255, 255, 0.4); }
.primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button {
color: rgba(207, 218, 231, 0.8); } color: rgba(207, 218, 231, 0.8); }
.primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(207, 218, 231, 0.05);
border-color: transparent; } border-color: transparent; }
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
color: rgba(207, 218, 231, 0.5); } color: rgba(207, 218, 231, 0.5); }

View File

@ -1246,11 +1246,16 @@ GtkComboBox {
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
color: #ffffff; } color: #ffffff; }
.primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover {
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent; }
.primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive {
color: rgba(255, 255, 255, 0.4); }
.primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button {
color: rgba(207, 218, 231, 0.8); } color: rgba(207, 218, 231, 0.8); }
.primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(207, 218, 231, 0.05);
border-color: transparent; } border-color: transparent; }
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
color: rgba(207, 218, 231, 0.5); } color: rgba(207, 218, 231, 0.5); }

View File

@ -1246,11 +1246,16 @@ GtkComboBox {
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
color: #ffffff; } color: #ffffff; }
.primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover {
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent; }
.primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive {
color: rgba(255, 255, 255, 0.4); }
.primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button {
color: rgba(207, 218, 231, 0.8); } color: rgba(207, 218, 231, 0.8); }
.primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(207, 218, 231, 0.05);
border-color: transparent; } border-color: transparent; }
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
color: rgba(207, 218, 231, 0.5); } color: rgba(207, 218, 231, 0.5); }

View File

@ -1246,11 +1246,16 @@ GtkComboBox {
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
color: #ffffff; } color: #ffffff; }
.primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover {
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent; }
.primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive {
color: rgba(255, 255, 255, 0.4); }
.primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button {
color: rgba(207, 218, 231, 0.8); } color: rgba(207, 218, 231, 0.8); }
.primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(207, 218, 231, 0.05);
border-color: transparent; } border-color: transparent; }
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
color: rgba(207, 218, 231, 0.5); } color: rgba(207, 218, 231, 0.5); }

View File

@ -1246,11 +1246,16 @@ GtkComboBox {
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
color: #ffffff; } color: #ffffff; }
.primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover {
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent; }
.primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive {
color: rgba(255, 255, 255, 0.4); }
.primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button {
color: rgba(82, 93, 118, 0.8); } color: rgba(82, 93, 118, 0.8); }
.primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(82, 93, 118, 0.05);
border-color: transparent; } border-color: transparent; }
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
color: rgba(82, 93, 118, 0.5); } color: rgba(82, 93, 118, 0.5); }

View File

@ -1246,11 +1246,16 @@ GtkComboBox {
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
color: #ffffff; } color: #ffffff; }
.primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover {
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent; }
.primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive {
color: rgba(255, 255, 255, 0.4); }
.primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button {
color: rgba(82, 93, 118, 0.8); } color: rgba(82, 93, 118, 0.8); }
.primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(82, 93, 118, 0.05);
border-color: transparent; } border-color: transparent; }
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
color: rgba(82, 93, 118, 0.5); } color: rgba(82, 93, 118, 0.5); }

View File

@ -1303,12 +1303,16 @@ GtkComboBox {
// Header-bar Spinbuttons // Header-bar Spinbuttons
& .spinbutton { & .spinbutton {
&:focus .button { color: $selected_fg_color; } &:focus .button {
color: $selected_fg_color;
&:hover { background-color: transparentize($selected_fg_color, 0.9); border-color: transparent; }
&:insensitive { color: transparentize($selected_fg_color, 0.6); }
}
.button { .button {
color: $header_fg; color: $header_fg;
&:hover { background-color: rgba(255,255,255,0.1); border-color: transparent; } &:hover { background-color: transparentize($header_fg, 0.75); border-color: transparent; }
&:insensitive { color: transparentize($header_fg, 0.3); } &:insensitive { color: transparentize($header_fg, 0.3); }
&:active { background-color: rgba(0,0,0,0.1); } &:active { background-color: rgba(0,0,0,0.1); }
} }

View File

@ -1245,11 +1245,16 @@ GtkComboBox {
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
color: #ffffff; } color: #ffffff; }
.primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover {
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent; }
.primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive {
color: rgba(255, 255, 255, 0.4); }
.primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button {
color: rgba(207, 218, 231, 0.8); } color: rgba(207, 218, 231, 0.8); }
.primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(207, 218, 231, 0.05);
border-color: transparent; } border-color: transparent; }
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
color: rgba(207, 218, 231, 0.5); } color: rgba(207, 218, 231, 0.5); }

View File

@ -1245,11 +1245,16 @@ GtkComboBox {
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
color: #ffffff; } color: #ffffff; }
.primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover {
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent; }
.primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive {
color: rgba(255, 255, 255, 0.4); }
.primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button {
color: rgba(207, 218, 231, 0.8); } color: rgba(207, 218, 231, 0.8); }
.primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(207, 218, 231, 0.05);
border-color: transparent; } border-color: transparent; }
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
color: rgba(207, 218, 231, 0.5); } color: rgba(207, 218, 231, 0.5); }

View File

@ -1245,11 +1245,16 @@ GtkComboBox {
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
color: #ffffff; } color: #ffffff; }
.primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover {
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent; }
.primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive {
color: rgba(255, 255, 255, 0.4); }
.primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button {
color: rgba(207, 218, 231, 0.8); } color: rgba(207, 218, 231, 0.8); }
.primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(207, 218, 231, 0.05);
border-color: transparent; } border-color: transparent; }
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
color: rgba(207, 218, 231, 0.5); } color: rgba(207, 218, 231, 0.5); }

View File

@ -1245,11 +1245,16 @@ GtkComboBox {
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
color: #ffffff; } color: #ffffff; }
.primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover {
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent; }
.primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive {
color: rgba(255, 255, 255, 0.4); }
.primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button {
color: rgba(207, 218, 231, 0.8); } color: rgba(207, 218, 231, 0.8); }
.primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(207, 218, 231, 0.05);
border-color: transparent; } border-color: transparent; }
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
color: rgba(207, 218, 231, 0.5); } color: rgba(207, 218, 231, 0.5); }

View File

@ -1245,11 +1245,16 @@ GtkComboBox {
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
color: #ffffff; } color: #ffffff; }
.primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover {
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent; }
.primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive {
color: rgba(255, 255, 255, 0.4); }
.primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button {
color: rgba(82, 93, 118, 0.8); } color: rgba(82, 93, 118, 0.8); }
.primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(82, 93, 118, 0.05);
border-color: transparent; } border-color: transparent; }
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
color: rgba(82, 93, 118, 0.5); } color: rgba(82, 93, 118, 0.5); }

View File

@ -1245,11 +1245,16 @@ GtkComboBox {
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
color: #ffffff; } color: #ffffff; }
.primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover {
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent; }
.primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive {
color: rgba(255, 255, 255, 0.4); }
.primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button {
color: rgba(82, 93, 118, 0.8); } color: rgba(82, 93, 118, 0.8); }
.primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(82, 93, 118, 0.05);
border-color: transparent; } border-color: transparent; }
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
color: rgba(82, 93, 118, 0.5); } color: rgba(82, 93, 118, 0.5); }

View File

@ -1312,12 +1312,16 @@ GtkComboBox {
// Header-bar Spinbuttons // Header-bar Spinbuttons
& .spinbutton { & .spinbutton {
&:focus .button { color: $selected_fg_color; } &:focus .button {
color: $selected_fg_color;
&:hover { background-color: transparentize($selected_fg_color, 0.9); border-color: transparent; }
&:insensitive { color: transparentize($selected_fg_color, 0.6); }
}
.button { .button {
color: $header_fg; color: $header_fg;
&:hover { background-color: rgba(255,255,255,0.1); border-color: transparent; } &:hover { background-color: transparentize($header_fg, 0.75); border-color: transparent; }
&:insensitive { color: transparentize($header_fg, 0.3); } &:insensitive { color: transparentize($header_fg, 0.3); }
&:active { background-color: rgba(0,0,0,0.1); } &:active { background-color: rgba(0,0,0,0.1); }
} }