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; padding: 0;
} }
frame.keycap { // shortcut window keys
background-color: #fefefe; .keycap {
border: 1px solid #cecece; 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; border-radius: 5px;
box-shadow: 0px 1px 0px #fff inset, box-shadow: inset 0 -3px mix($borders_color, $bg_color, 50%),
0px -2px 0px #dedede inset; inset 0 -2px $bg_color,
color: #555753; inset 0 0 0 1px $base_color;
padding: 3px 8px 3px 8px; font-size: smaller;
} }
*:drop(active):focus, *:drop(active):focus,

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

@ -3332,13 +3332,20 @@ button.circular {
button.circular label { button.circular label {
padding: 0; } padding: 0; }
frame.keycap { .keycap {
background-color: #fefefe; min-width: 18px;
border: 1px solid #cecece; 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; border-radius: 5px;
box-shadow: 0px 1px 0px #fff inset, 0px -2px 0px #dedede inset; box-shadow: inset 0 -3px #404040, inset 0 -2px #000, inset 0 0 0 1px #111;
color: #555753; font-size: smaller; }
padding: 3px 8px 3px 8px; }
*:drop(active):focus, *:drop(active):focus,
*:drop(active) { *:drop(active) {

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

@ -3339,13 +3339,20 @@ button.circular {
button.circular label { button.circular label {
padding: 0; } padding: 0; }
frame.keycap { .keycap {
background-color: #fefefe; min-width: 18px;
border: 1px solid #cecece; 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; border-radius: 5px;
box-shadow: 0px 1px 0px #fff inset, 0px -2px 0px #dedede inset; box-shadow: inset 0 -3px silver, inset 0 -2px #fff, inset 0 0 0 1px #fff;
color: #555753; font-size: smaller; }
padding: 3px 8px 3px 8px; }
*:drop(active):focus, *:drop(active):focus,
*:drop(active) { *:drop(active) {