Archives/horst3180_arc-theme
1
0
Fork 0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00
Code Issues Projects Releases Wiki Activity

fix header-bar spinbuttons

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
common/gtk-3.0/3.14/gtk-contained-dark.css
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); }

7
common/gtk-3.0/3.14/gtk-contained-darker.css
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); }

7
common/gtk-3.0/3.14/gtk-contained-solid-dark.css
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); }

7
common/gtk-3.0/3.14/gtk-contained-solid-darker.css
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); }

7
common/gtk-3.0/3.14/gtk-contained-solid.css
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); }

7
common/gtk-3.0/3.14/gtk-contained.css
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); }

16
common/gtk-3.0/3.14/sass/_common.scss
View File

@ -1303,14 +1303,18 @@ GtkComboBox {
// Header-bar Spinbuttons // Header-bar Spinbuttons
& .spinbutton { & .spinbutton {
&:focus .button { color: $selected_fg_color; } &:focus .button {
color: $selected_fg_color;
.button { &:hover { background-color: transparentize($selected_fg_color, 0.9); border-color: transparent; }
color: $header_fg; &:insensitive { color: transparentize($selected_fg_color, 0.6); }
}
.button {
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); }
} }
} }

7
common/gtk-3.0/3.16/gtk-contained-dark.css
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); }

7
common/gtk-3.0/3.16/gtk-contained-darker.css
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); }

7
common/gtk-3.0/3.16/gtk-contained-solid-dark.css
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); }

7
common/gtk-3.0/3.16/gtk-contained-solid-darker.css
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); }

7
common/gtk-3.0/3.16/gtk-contained-solid.css
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); }

7
common/gtk-3.0/3.16/gtk-contained.css
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); }

16
common/gtk-3.0/3.16/sass/_common.scss
View File

@ -1312,14 +1312,18 @@ GtkComboBox {
// Header-bar Spinbuttons // Header-bar Spinbuttons
& .spinbutton { & .spinbutton {
&:focus .button { color: $selected_fg_color; } &:focus .button {
color: $selected_fg_color;
.button { &:hover { background-color: transparentize($selected_fg_color, 0.9); border-color: transparent; }
color: $header_fg; &:insensitive { color: transparentize($selected_fg_color, 0.6); }
}
.button {
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); }
} }
} }