GTK3: add light bottom shadows to widgets simulating depth

This commit is contained in:
Daniel Ruiz de Alegría 2020-12-18 17:41:27 +01:00
parent 67a1d5ae86
commit c742577e73
4 changed files with 7 additions and 7 deletions

View File

@ -5090,7 +5090,7 @@ headerbar stackswitcher button:checked:checked,
headerbar button.toggle:active,
headerbar button.toggle:checked, button.flat:hover:not(:backdrop):not(:link):not(:visited), button:active, button:checked {
background: #1b1d24;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3); }
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
button.flat {
border-color: transparent;
@ -5103,7 +5103,7 @@ button.flat {
**********/
spinbutton:not(.vertical),
entry {
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05);
background-color: #1b1d24; }
headerbar spinbutton:not(.vertical),

View File

@ -5090,7 +5090,7 @@ headerbar stackswitcher button:checked:checked,
headerbar button.toggle:active,
headerbar button.toggle:checked, button.flat:hover:not(:backdrop):not(:link):not(:visited), button:active, button:checked {
background: #1b1d24;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3); }
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
button.flat {
border-color: transparent;
@ -5103,7 +5103,7 @@ button.flat {
**********/
spinbutton:not(.vertical),
entry {
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05);
background-color: #1b1d24; }
headerbar spinbutton:not(.vertical),

View File

@ -5112,7 +5112,7 @@ headerbar stackswitcher button:checked:checked,
headerbar button.toggle:active,
headerbar button.toggle:checked, button.flat:hover:not(:backdrop):not(:link):not(:visited), button:active, button:checked {
background: #f2f2f2;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1); }
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); }
button.flat {
border-color: transparent;
@ -5125,7 +5125,7 @@ button.flat {
**********/
spinbutton:not(.vertical),
entry {
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1); }
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); }
headerbar spinbutton:not(.vertical),
headerbar entry {

View File

@ -1,5 +1,5 @@
$_menu_shadow: 0 1px 6px transparentize(black, if($variant == 'light', .85, .5));
$_widget_inset_shadow: inset 0 3px 5px -4px $shadow_color;
$_widget_inset_shadow: inset 0 3px 5px -4px $shadow_color, 0 1px rgba(255, 255, 255, .05);
$_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize($borders_color, 0.25));
* {