AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity

High Contrast: osd spinbutton fixes

Browse Source 
- don't jump around for :backdrop
- only shade focused widgets
This commit is contained in:
Jakub Steiner 2016-03-18 15:30:46 +01:00
parent c94afa01c4
commit 4fc5832cfd
3 changed files with 26 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
gtk/theme/HighContrast/_common.scss
View File

@ -957,6 +957,7 @@ spinbutton {
.osd &:not(.vertical) { .osd &:not(.vertical) {
border-color: $osd_borders_color; border-color: $osd_borders_color;
color: $fg_color; color: $fg_color;
box-shadow: none;
&:focus, &:active { &:focus, &:active {
border-color: opacify($osd_borders_color,0.5); border-color: opacify($osd_borders_color,0.5);
@ -964,9 +965,12 @@ spinbutton {
} }
entry { entry {
box-shadow: inset 0 2px 3px -1px transparentize(black, 0.8); box-shadow: none;
color: $fg_color; color: $fg_color;
text-shadow: none; text-shadow: none;
&:focus, &:active {
box-shadow: inset 0 2px 3px -1px transparentize(black, 0.8);
}
} }
button { button {
@ -992,9 +996,10 @@ spinbutton {
&:backdrop { &:backdrop {
@include button(undecorated); @include button(undecorated);
color: $osd_fg_color; color: $insensitive_fg_color;
border-color: transparentize($borders_color,0.9); border-color: transparentize($borders_color,0.9);
box-shadow: none; box-shadow: none;
border-style: none none none solid;
} }
&:disabled { &:disabled {
@ -1002,6 +1007,7 @@ spinbutton {
color: $insensitive_fg_color; color: $insensitive_fg_color;
border-color: transparentize($borders_color,0.9); border-color: transparentize($borders_color,0.9);
border-style: none none none solid;
box-shadow: none; box-shadow: none;
} }

13
gtk/theme/HighContrast/gtk-contained-inverse.css
View File

@ -1104,14 +1104,17 @@ spinbutton:not(.vertical) {
border-style: none solid none none; } border-style: none solid none none; }
.osd spinbutton:not(.vertical) { .osd spinbutton:not(.vertical) {
border-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2);
color: #fff; } color: #fff;
box-shadow: none; }
.osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):active { .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):active {
border-color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.7);
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
.osd spinbutton:not(.vertical) entry { .osd spinbutton:not(.vertical) entry {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); box-shadow: none;
color: #fff; color: #fff;
text-shadow: none; } text-shadow: none; }
.osd spinbutton:not(.vertical) entry:focus, .osd spinbutton:not(.vertical) entry:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
.osd spinbutton:not(.vertical) button { .osd spinbutton:not(.vertical) button {
border-width: 2px; border-width: 2px;
border-style: solid; border-style: solid;
@ -1144,12 +1147,14 @@ spinbutton:not(.vertical) {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
border-color: transparent; border-color: transparent;
color: #fff; color: gray;
border-color: rgba(128, 128, 128, 0.1); border-color: rgba(128, 128, 128, 0.1);
box-shadow: none; } box-shadow: none;
border-style: none none none solid; }
.osd spinbutton:not(.vertical) button:disabled { .osd spinbutton:not(.vertical) button:disabled {
color: gray; color: gray;
border-color: rgba(128, 128, 128, 0.1); border-color: rgba(128, 128, 128, 0.1);
border-style: none none none solid;
box-shadow: none; } box-shadow: none; }
.osd spinbutton:not(.vertical) button:last-child { .osd spinbutton:not(.vertical) button:last-child {
border-radius: 0 3px 3px 0; } border-radius: 0 3px 3px 0; }

13
gtk/theme/HighContrast/gtk-contained.css
View File

@ -1108,14 +1108,17 @@ spinbutton:not(.vertical) {
border-style: none solid none none; } border-style: none solid none none; }
.osd spinbutton:not(.vertical) { .osd spinbutton:not(.vertical) {
border-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2);
color: #000; } color: #000;
box-shadow: none; }
.osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):active { .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):active {
border-color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.7);
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
.osd spinbutton:not(.vertical) entry { .osd spinbutton:not(.vertical) entry {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); box-shadow: none;
color: #000; color: #000;
text-shadow: none; } text-shadow: none; }
.osd spinbutton:not(.vertical) entry:focus, .osd spinbutton:not(.vertical) entry:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
.osd spinbutton:not(.vertical) button { .osd spinbutton:not(.vertical) button {
border-width: 2px; border-width: 2px;
border-style: solid; border-style: solid;
@ -1148,12 +1151,14 @@ spinbutton:not(.vertical) {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
border-color: transparent; border-color: transparent;
color: #fff; color: gray;
border-color: rgba(128, 128, 128, 0.1); border-color: rgba(128, 128, 128, 0.1);
box-shadow: none; } box-shadow: none;
border-style: none none none solid; }
.osd spinbutton:not(.vertical) button:disabled { .osd spinbutton:not(.vertical) button:disabled {
color: gray; color: gray;
border-color: rgba(128, 128, 128, 0.1); border-color: rgba(128, 128, 128, 0.1);
border-style: none none none solid;
box-shadow: none; } box-shadow: none; }
.osd spinbutton:not(.vertical) button:last-child { .osd spinbutton:not(.vertical) button:last-child {
border-radius: 0 3px 3px 0; } border-radius: 0 3px 3px 0; }