High Contrast: spinbutton active state

- more contrast for the active state
- osd active state
This commit is contained in:
Jakub Steiner
2016-03-18 15:44:27 +01:00
parent 4fc5832cfd
commit 3a529614e5
3 changed files with 16 additions and 4 deletions

View File

@ -934,7 +934,8 @@ spinbutton {
&:disabled { color: transparentize($insensitive_fg_color, 0.7); }
&:active {
background-color: transparentize(black, 0.9);
background-color: $osd_bg_color;
color: $osd_fg_color;
}
&:backdrop {
@ -984,6 +985,10 @@ spinbutton {
&:dir(rtl) { border-style: none solid none none; }
&:active {
background-color: $osd_bg_color;
color: $osd_fg_color;
}
&:hover {
@include button(undecorated);
@ -1091,7 +1096,6 @@ spinbutton {
}
}
/**************
* ComboBoxes *
**************/

View File

@ -1091,7 +1091,8 @@ spinbutton:not(.vertical) {
spinbutton:not(.vertical) button:disabled {
color: rgba(128, 128, 128, 0.3); }
spinbutton:not(.vertical) button:active {
background-color: rgba(0, 0, 0, 0.1); }
background-color: rgba(0, 0, 0, 0.8);
color: #fff; }
spinbutton:not(.vertical) button:backdrop {
color: #fff;
background-color: transparent;
@ -1129,6 +1130,9 @@ spinbutton:not(.vertical) {
box-shadow: none; }
.osd spinbutton:not(.vertical) button:dir(rtl) {
border-style: none solid none none; }
.osd spinbutton:not(.vertical) button:active {
background-color: rgba(0, 0, 0, 0.8);
color: #fff; }
.osd spinbutton:not(.vertical) button:hover {
border-width: 2px;
border-style: solid;

View File

@ -1095,7 +1095,8 @@ spinbutton:not(.vertical) {
spinbutton:not(.vertical) button:disabled {
color: rgba(128, 128, 128, 0.3); }
spinbutton:not(.vertical) button:active {
background-color: rgba(0, 0, 0, 0.1); }
background-color: rgba(0, 0, 0, 0.8);
color: #fff; }
spinbutton:not(.vertical) button:backdrop {
color: #000;
background-color: transparent;
@ -1133,6 +1134,9 @@ spinbutton:not(.vertical) {
box-shadow: none; }
.osd spinbutton:not(.vertical) button:dir(rtl) {
border-style: none solid none none; }
.osd spinbutton:not(.vertical) button:active {
background-color: rgba(0, 0, 0, 0.8);
color: #fff; }
.osd spinbutton:not(.vertical) button:hover {
border-width: 2px;
border-style: solid;