GTK3: add light bottom shadows to widgets simulating depth
This commit is contained in:
parent
67a1d5ae86
commit
c742577e73
@ -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),
|
||||
|
||||
@ -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),
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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));
|
||||
|
||||
* {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user