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

High Contrast: keycap styling

Browse Source 
sync with Adwaita with some styling tweaks.
This commit is contained in:
Lapo Calamandrei 2016-03-16 13:34:00 +01:00
parent ef8ef299c4
commit 6ccaa8e3ca
3 changed files with 43 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2984,14 +2984,24 @@ button.circular label {
padding: 0;
}
frame.keycap {
background-color: #fefefe;
border: 1px solid #cecece;
// shortcut window keys
.keycap {
min-width: 18px;
min-height: 25px;
margin-top: 3px;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 6px;
color: $fg_color;
background-color: $base_color;
border: 2px solid;
border-color: $borders_color;
border-radius: 5px;
box-shadow: 0px 1px 0px #fff inset,
0px -2px 0px #dedede inset;
color: #555753;
padding: 3px 8px 3px 8px;
box-shadow: inset 0 -3px mix($borders_color, $bg_color, 50%),
inset 0 -2px $bg_color,
inset 0 0 0 1px $base_color;
font-size: smaller;
}
*:drop(active):focus,

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

@ -3332,13 +3332,20 @@ button.circular {
button.circular label {
padding: 0; }
frame.keycap {
background-color: #fefefe;
border: 1px solid #cecece;
.keycap {
min-width: 18px;
min-height: 25px;
margin-top: 3px;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 6px;
color: #fff;
background-color: #111;
border: 2px solid;
border-color: gray;
border-radius: 5px;
box-shadow: 0px 1px 0px #fff inset, 0px -2px 0px #dedede inset;
color: #555753;
padding: 3px 8px 3px 8px; }
box-shadow: inset 0 -3px #404040, inset 0 -2px #000, inset 0 0 0 1px #111;
font-size: smaller; }
*:drop(active):focus,
*:drop(active) {

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

@ -3339,13 +3339,20 @@ button.circular {
button.circular label {
padding: 0; }
frame.keycap {
background-color: #fefefe;
border: 1px solid #cecece;
.keycap {
min-width: 18px;
min-height: 25px;
margin-top: 3px;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 6px;
color: #000;
background-color: #fff;
border: 2px solid;
border-color: gray;
border-radius: 5px;
box-shadow: 0px 1px 0px #fff inset, 0px -2px 0px #dedede inset;
color: #555753;
padding: 3px 8px 3px 8px; }
box-shadow: inset 0 -3px silver, inset 0 -2px #fff, inset 0 0 0 1px #fff;
font-size: smaller; }
*:drop(active):focus,
*:drop(active) {