callisto-debian/gtk3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

High Contrast: switch style fix

Browse Source
This commit is contained in:
Lapo Calamandrei
2016-03-18 19:25:09 +01:00
parent 48fb37f341
commit 50b5820669
3 changed files with 88 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2004,30 +2004,28 @@ switch {
border-color: $insensitive_fg_color;
}
}
& slider {
margin: -1px;
min-width: 45px;
min-height: 27px;
border: 1px solid;
border-radius: 3px;
@include button(normal, $edge: none);
box-shadow: inset 0 1px white,
inset 0 -2px transparentize($bg_color,0.4),
inset 0 -1px mix($bg_color,$borders_color,50%);
&:hover {
@include button(hover, $edge: none);
box-shadow: inset 0 1px white,
inset 0 -2px transparentize($bg_color,0.4),
inset 0 -1px mix($bg_color,$borders_color,50%);
}
&:active { border-color: $selected_borders_color; }
&:disabled { @include button(insensitive, $edge: none); }
&:backdrop { @include button(backdrop);
&:active{ border-color: $backdrop_borders_color; }
&:disabled {
@include button(backdrop-insensitive);
}
}
slider {
margin: -1px;
min-width: 45px;
min-height: 27px;
border: 2px solid;
border-radius: 3px;
@include button(normal);
}
&:hover slider { @include button(hover); }
&:active slider { border: 2px solid $selected_borders_color; }
&:disabled slider { @include button(insensitive); }
&:backdrop {
slider { @include button(backdrop); }
&:active slider { border-color: if($variant == 'light', $selected_bg_color, $selected_borders_color); }
&:disabled slider { @include button(backdrop-insensitive); }
}
}

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

@ -2084,48 +2084,46 @@ switch {
margin: -1px;
min-width: 45px;
min-height: 27px;
border: 1px solid;
border: 2px solid;
border-radius: 3px;
border-width: 2px;
border-style: solid;
color: #fff;
background-image: none;
background-color: #000;
border-color: gray; }
switch:hover slider {
border-width: 2px;
border-style: solid;
color: #fff;
background-color: #000;
border-color: gray;
box-shadow: inset 0 1px white, inset 0 -2px rgba(0, 0, 0, 0.6), inset 0 -1px #404040; }
switch slider:hover {
border-width: 2px;
border-style: solid;
color: #fff;
background-color: #000;
border-color: gray;
background-image: none;
box-shadow: inset 0 1px white, inset 0 -2px rgba(0, 0, 0, 0.6), inset 0 -1px #404040; }
switch slider:active {
border-color: #aaa; }
switch slider:disabled {
border-width: 2px;
border-style: solid;
color: gray;
background-color: #070707;
border-color: #494949;
background-image: none; }
switch slider:backdrop {
border-width: 2px;
border-style: solid;
color: #fff;
background-color: #000;
border-color: #737373;
background-image: none; }
switch slider:backdrop:active {
border-color: #737373; }
switch slider:backdrop:disabled {
border-width: 2px;
border-style: solid;
color: gray;
background-color: #070707;
border-color: #494949;
background-image: none; }
background-image: none; }
switch:active slider {
border: 2px solid #aaa; }
switch:disabled slider {
border-width: 2px;
border-style: solid;
color: gray;
background-color: #070707;
border-color: #494949;
background-image: none; }
switch:backdrop slider {
border-width: 2px;
border-style: solid;
color: #fff;
background-color: #000;
border-color: #737373;
background-image: none; }
switch:backdrop:active slider {
border-color: #aaa; }
switch:backdrop:disabled slider {
border-width: 2px;
border-style: solid;
color: gray;
background-color: #070707;
border-color: #494949;
background-image: none; }
/*************************
* Check and Radio items *

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

@ -2088,48 +2088,46 @@ switch {
margin: -1px;
min-width: 45px;
min-height: 27px;
border: 1px solid;
border: 2px solid;
border-radius: 3px;
border-width: 2px;
border-style: solid;
color: #000;
background-image: none;
background-color: #fff;
border-color: gray; }
switch:hover slider {
border-width: 2px;
border-style: solid;
color: #000;
background-color: #fff;
border-color: gray;
box-shadow: inset 0 1px white, inset 0 -2px rgba(255, 255, 255, 0.6), inset 0 -1px silver; }
switch slider:hover {
border-width: 2px;
border-style: solid;
color: #000;
background-color: #fff;
border-color: gray;
background-image: none;
box-shadow: inset 0 1px white, inset 0 -2px rgba(255, 255, 255, 0.6), inset 0 -1px silver; }
switch slider:active {
border-color: #000; }
switch slider:disabled {
border-width: 2px;
border-style: solid;
color: gray;
background-color: white;
border-color: silver;
background-image: none; }
switch slider:backdrop {
border-width: 2px;
border-style: solid;
color: #000;
background-color: #fff;
border-color: #8d8d8d;
background-image: none; }
switch slider:backdrop:active {
border-color: #8d8d8d; }
switch slider:backdrop:disabled {
border-width: 2px;
border-style: solid;
color: gray;
background-color: white;
border-color: silver;
background-image: none; }
background-image: none; }
switch:active slider {
border: 2px solid #000; }
switch:disabled slider {
border-width: 2px;
border-style: solid;
color: gray;
background-color: white;
border-color: silver;
background-image: none; }
switch:backdrop slider {
border-width: 2px;
border-style: solid;
color: #000;
background-color: #fff;
border-color: #8d8d8d;
background-image: none; }
switch:backdrop:active slider {
border-color: #000; }
switch:backdrop:disabled slider {
border-width: 2px;
border-style: solid;
color: gray;
background-color: white;
border-color: silver;
background-image: none; }
/*************************
* Check and Radio items *