GTK3: improve entry visibility

This commit is contained in:
Daniel Ruiz de Alegría 2020-06-10 12:17:49 +02:00
parent 97c032e9e2
commit 640c6af932
4 changed files with 60 additions and 1 deletions

View File

@ -4770,6 +4770,9 @@ popover.emoji-completion .emoji:hover {
* button, * button:hover, * button:active, * button:checked, * button:focus {
outline-color: alpha(currentColor,0.07); }
/**********
* Button *
**********/
.titlebar stackswitcher button:checked:checked,
.titlebar button.toggle:active,
.titlebar button.toggle:checked,
@ -4782,6 +4785,17 @@ button:checked {
background: #1b1d24;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3); }
/**********
* Entry *
**********/
spinbutton:not(.vertical),
entry {
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3);
background-color: #1b1d24; }
/**********
* Slider *
**********/
scale slider:active, switch:hover slider {
background-image: image(#0f1014); }

View File

@ -4770,6 +4770,9 @@ popover.emoji-completion .emoji:hover {
* button, * button:hover, * button:active, * button:checked, * button:focus {
outline-color: alpha(currentColor,0.07); }
/**********
* Button *
**********/
.titlebar stackswitcher button:checked:checked,
.titlebar button.toggle:active,
.titlebar button.toggle:checked,
@ -4782,6 +4785,17 @@ button:checked {
background: #1b1d24;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3); }
/**********
* Entry *
**********/
spinbutton:not(.vertical),
entry {
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3);
background-color: #1b1d24; }
/**********
* Slider *
**********/
scale slider:active, switch:hover slider {
background-image: image(#0f1014); }

View File

@ -4792,6 +4792,9 @@ popover.emoji-completion .emoji:hover {
* button, * button:hover, * button:active, * button:checked, * button:focus {
outline-color: alpha(currentColor,0.15); }
/**********
* Button *
**********/
.titlebar stackswitcher button:checked:checked,
.titlebar button.toggle:active,
.titlebar button.toggle:checked,
@ -4804,6 +4807,16 @@ button:checked {
background: #f2f2f2;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1); }
/**********
* Entry *
**********/
spinbutton:not(.vertical),
entry {
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1); }
/**********
* Slider *
**********/
scale slider:active, switch:hover slider {
background-image: image(white); }

View File

@ -1,4 +1,5 @@
$_menu_shadow: 0 1px 6px transparentize(black, if($variant == 'light', .85, .5));
$_widget_inset_shadow: inset 0 3px 5px -4px $shadow_color;
$_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize($borders_color, 0.25));
* {
@ -15,13 +16,30 @@ $_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize($b
}
}
/**********
* Button *
**********/
%button_active,
button:active,
button:checked, {
background: $dark_fill;
box-shadow: inset 0 3px 5px -4px $shadow_color;
box-shadow: $_widget_inset_shadow;
}
/**********
* Entry *
**********/
%entry,
entry {
box-shadow: $_widget_inset_shadow;
@if ($variant == 'dark') {
background-color: $dark_fill;
}
}
/**********
* Slider *
**********/
%slider_active {
background-image: if($variant == 'light', image(lighten($bg_color, 14%)), image(darken($bg_color, 9%)));
}