GTK3: add shadows to lightdm widgets

This commit is contained in:
Daniel Ruiz de Alegría 2020-04-09 20:31:20 +02:00
parent b8ae7734b0
commit 9db22036c5
4 changed files with 33 additions and 27 deletions

View File

@ -5172,23 +5172,24 @@ wnck-pager {
border: 0; border: 0;
background-color: rgba(35, 37, 46, 0.8); background-color: rgba(35, 37, 46, 0.8);
border-radius: 5px; border-radius: 5px;
box-shadow: inset 1px 1px rgba(255, 255, 255, 0.05); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); }
.lightdm-gtk-greeter #login_window entry { .lightdm-gtk-greeter #login_window entry {
background: rgba(0, 0, 0, 0.7); background: rgba(35, 37, 46, 0.4);
border-color: transparent; border-color: rgba(35, 37, 46, 0.3);
min-height: 32px; } min-height: 32px;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.4); }
.lightdm-gtk-greeter #login_window #buttonbox_frame { .lightdm-gtk-greeter #login_window #buttonbox_frame {
padding-top: 20px; padding-top: 20px;
background: rgba(35, 37, 46, 0.8); background: #23252e;
border-top: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2); } box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.27); }
.lightdm-gtk-greeter #login_window #buttonbox_frame button { .lightdm-gtk-greeter #login_window #buttonbox_frame button {
border: 0; border: 0;
color: white; color: white;
text-shadow: none; } text-shadow: none; }
.lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button {
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.27);
box-shadow: none; box-shadow: none;
color: #eeeeec; } color: #eeeeec; }
.lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button {

View File

@ -5172,23 +5172,24 @@ wnck-pager {
border: 0; border: 0;
background-color: rgba(35, 37, 46, 0.8); background-color: rgba(35, 37, 46, 0.8);
border-radius: 5px; border-radius: 5px;
box-shadow: inset 1px 1px rgba(255, 255, 255, 0.05); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); }
.lightdm-gtk-greeter #login_window entry { .lightdm-gtk-greeter #login_window entry {
background: rgba(0, 0, 0, 0.7); background: rgba(35, 37, 46, 0.4);
border-color: transparent; border-color: rgba(35, 37, 46, 0.3);
min-height: 32px; } min-height: 32px;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.4); }
.lightdm-gtk-greeter #login_window #buttonbox_frame { .lightdm-gtk-greeter #login_window #buttonbox_frame {
padding-top: 20px; padding-top: 20px;
background: rgba(35, 37, 46, 0.8); background: #23252e;
border-top: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2); } box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.27); }
.lightdm-gtk-greeter #login_window #buttonbox_frame button { .lightdm-gtk-greeter #login_window #buttonbox_frame button {
border: 0; border: 0;
color: white; color: white;
text-shadow: none; } text-shadow: none; }
.lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button {
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.27);
box-shadow: none; box-shadow: none;
color: #eeeeec; } color: #eeeeec; }
.lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button {

View File

@ -5194,23 +5194,24 @@ wnck-pager {
border: 0; border: 0;
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.9);
border-radius: 5px; border-radius: 5px;
box-shadow: inset 1px 1px rgba(255, 255, 255, 0.05); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); }
.lightdm-gtk-greeter #login_window entry { .lightdm-gtk-greeter #login_window entry {
background: white; background: rgba(255, 255, 255, 0.4);
border-color: transparent; border-color: rgba(255, 255, 255, 0.3);
min-height: 32px; } min-height: 32px;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); }
.lightdm-gtk-greeter #login_window #buttonbox_frame { .lightdm-gtk-greeter #login_window #buttonbox_frame {
padding-top: 20px; padding-top: 20px;
background: rgba(255, 255, 255, 0.9); background: #ffffff;
border-top: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2); } box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.07); }
.lightdm-gtk-greeter #login_window #buttonbox_frame button { .lightdm-gtk-greeter #login_window #buttonbox_frame button {
border: 0; border: 0;
color: white; color: white;
text-shadow: none; } text-shadow: none; }
.lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button {
background: rgba(0, 0, 0, 0.05); background: rgba(0, 0, 0, 0.07);
box-shadow: none; box-shadow: none;
color: #5c616c; } color: #5c616c; }
.lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button {

View File

@ -68,20 +68,23 @@ wnck-pager {
border: 0; border: 0;
background-color: $panel_bg; background-color: $panel_bg;
border-radius: $button_radius; border-radius: $button_radius;
box-shadow: inset 1px 1px transparentize(white, .95); box-shadow: inset 0 1px transparentize(white, .85);
entry { entry {
background: if($variant=='light', white, transparentize(black, .3)); background: transparentize($bg_color, .6);
border-color: transparent; border-color: transparentize($bg_color, .7);
min-height: 32px; min-height: 32px;
box-shadow: inset 0 1px transparentize(white, .95),
0 1px 2px opacify($shadow_color, 0.1);
} }
#buttonbox_frame { #buttonbox_frame {
padding-top: 20px; padding-top: 20px;
background: $panel_bg; background: $bg_color;
border-top: 1px solid transparentize(black, .9); border-top: 1px solid transparentize(black, .9);
border-radius: 0 0 $button_radius $button_radius; border-radius: 0 0 $button_radius $button_radius;
box-shadow: inset 0 -4px transparentize(black, .8); box-shadow: inset 0 -4px transparentize(black, .8),
inset 0 1px 2px transparentize($shadow_color, 0.03);
button { button {
border: 0; border: 0;
@ -90,7 +93,7 @@ wnck-pager {
} }
#cancel_button { #cancel_button {
background: transparentize(black, if($variant=='light', .95, .5)); background: transparentize($shadow_color, 0.03);
box-shadow: none; box-shadow: none;
color: $fg_color; color: $fg_color;
} }