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:
parent
de484ff964
commit
421b8c7d10
@ -1246,11 +1246,16 @@ GtkComboBox {
|
||||
|
||||
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
|
||||
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 {
|
||||
color: rgba(207, 218, 231, 0.8); }
|
||||
.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; }
|
||||
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
|
||||
color: rgba(207, 218, 231, 0.5); }
|
||||
|
@ -1246,11 +1246,16 @@ GtkComboBox {
|
||||
|
||||
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
|
||||
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 {
|
||||
color: rgba(207, 218, 231, 0.8); }
|
||||
.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; }
|
||||
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
|
||||
color: rgba(207, 218, 231, 0.5); }
|
||||
|
@ -1246,11 +1246,16 @@ GtkComboBox {
|
||||
|
||||
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
|
||||
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 {
|
||||
color: rgba(207, 218, 231, 0.8); }
|
||||
.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; }
|
||||
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
|
||||
color: rgba(207, 218, 231, 0.5); }
|
||||
|
@ -1246,11 +1246,16 @@ GtkComboBox {
|
||||
|
||||
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
|
||||
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 {
|
||||
color: rgba(207, 218, 231, 0.8); }
|
||||
.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; }
|
||||
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
|
||||
color: rgba(207, 218, 231, 0.5); }
|
||||
|
@ -1246,11 +1246,16 @@ GtkComboBox {
|
||||
|
||||
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
|
||||
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 {
|
||||
color: rgba(82, 93, 118, 0.8); }
|
||||
.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; }
|
||||
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
|
||||
color: rgba(82, 93, 118, 0.5); }
|
||||
|
@ -1246,11 +1246,16 @@ GtkComboBox {
|
||||
|
||||
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
|
||||
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 {
|
||||
color: rgba(82, 93, 118, 0.8); }
|
||||
.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; }
|
||||
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
|
||||
color: rgba(82, 93, 118, 0.5); }
|
||||
|
@ -1303,12 +1303,16 @@ GtkComboBox {
|
||||
// Header-bar Spinbuttons
|
||||
& .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 {
|
||||
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); }
|
||||
&:active { background-color: rgba(0,0,0,0.1); }
|
||||
}
|
||||
|
@ -1245,11 +1245,16 @@ GtkComboBox {
|
||||
|
||||
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
|
||||
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 {
|
||||
color: rgba(207, 218, 231, 0.8); }
|
||||
.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; }
|
||||
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
|
||||
color: rgba(207, 218, 231, 0.5); }
|
||||
|
@ -1245,11 +1245,16 @@ GtkComboBox {
|
||||
|
||||
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
|
||||
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 {
|
||||
color: rgba(207, 218, 231, 0.8); }
|
||||
.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; }
|
||||
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
|
||||
color: rgba(207, 218, 231, 0.5); }
|
||||
|
@ -1245,11 +1245,16 @@ GtkComboBox {
|
||||
|
||||
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
|
||||
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 {
|
||||
color: rgba(207, 218, 231, 0.8); }
|
||||
.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; }
|
||||
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
|
||||
color: rgba(207, 218, 231, 0.5); }
|
||||
|
@ -1245,11 +1245,16 @@ GtkComboBox {
|
||||
|
||||
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
|
||||
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 {
|
||||
color: rgba(207, 218, 231, 0.8); }
|
||||
.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; }
|
||||
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
|
||||
color: rgba(207, 218, 231, 0.5); }
|
||||
|
@ -1245,11 +1245,16 @@ GtkComboBox {
|
||||
|
||||
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
|
||||
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 {
|
||||
color: rgba(82, 93, 118, 0.8); }
|
||||
.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; }
|
||||
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
|
||||
color: rgba(82, 93, 118, 0.5); }
|
||||
|
@ -1245,11 +1245,16 @@ GtkComboBox {
|
||||
|
||||
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
|
||||
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 {
|
||||
color: rgba(82, 93, 118, 0.8); }
|
||||
.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; }
|
||||
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
|
||||
color: rgba(82, 93, 118, 0.5); }
|
||||
|
@ -1312,12 +1312,16 @@ GtkComboBox {
|
||||
// Header-bar Spinbuttons
|
||||
& .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 {
|
||||
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); }
|
||||
&:active { background-color: rgba(0,0,0,0.1); }
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user