From 9db22036c5f23e7b66571b521ac242c9a47af87d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Thu, 9 Apr 2020 20:31:20 +0200 Subject: [PATCH] GTK3: add shadows to lightdm widgets --- share/themes/Kali-Dark/gtk-3.0/gtk.css | 15 ++++++++------- share/themes/Kali-Light/gtk-3.0/gtk-dark.css | 15 ++++++++------- share/themes/Kali-Light/gtk-3.0/gtk.css | 15 ++++++++------- src/themes/Kali/sass/gtk-sass/_applications.scss | 15 +++++++++------ 4 files changed, 33 insertions(+), 27 deletions(-) diff --git a/share/themes/Kali-Dark/gtk-3.0/gtk.css b/share/themes/Kali-Dark/gtk-3.0/gtk.css index e7b400de..d0914e0b 100644 --- a/share/themes/Kali-Dark/gtk-3.0/gtk.css +++ b/share/themes/Kali-Dark/gtk-3.0/gtk.css @@ -5172,23 +5172,24 @@ wnck-pager { border: 0; background-color: rgba(35, 37, 46, 0.8); 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 { - background: rgba(0, 0, 0, 0.7); - border-color: transparent; - min-height: 32px; } + background: rgba(35, 37, 46, 0.4); + border-color: rgba(35, 37, 46, 0.3); + 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 { padding-top: 20px; - background: rgba(35, 37, 46, 0.8); + background: #23252e; border-top: 1px solid rgba(0, 0, 0, 0.1); 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 { border: 0; color: white; text-shadow: none; } .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; color: #eeeeec; } .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { diff --git a/share/themes/Kali-Light/gtk-3.0/gtk-dark.css b/share/themes/Kali-Light/gtk-3.0/gtk-dark.css index e7b400de..d0914e0b 100644 --- a/share/themes/Kali-Light/gtk-3.0/gtk-dark.css +++ b/share/themes/Kali-Light/gtk-3.0/gtk-dark.css @@ -5172,23 +5172,24 @@ wnck-pager { border: 0; background-color: rgba(35, 37, 46, 0.8); 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 { - background: rgba(0, 0, 0, 0.7); - border-color: transparent; - min-height: 32px; } + background: rgba(35, 37, 46, 0.4); + border-color: rgba(35, 37, 46, 0.3); + 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 { padding-top: 20px; - background: rgba(35, 37, 46, 0.8); + background: #23252e; border-top: 1px solid rgba(0, 0, 0, 0.1); 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 { border: 0; color: white; text-shadow: none; } .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; color: #eeeeec; } .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { diff --git a/share/themes/Kali-Light/gtk-3.0/gtk.css b/share/themes/Kali-Light/gtk-3.0/gtk.css index a687fef0..c424a57f 100644 --- a/share/themes/Kali-Light/gtk-3.0/gtk.css +++ b/share/themes/Kali-Light/gtk-3.0/gtk.css @@ -5194,23 +5194,24 @@ wnck-pager { border: 0; background-color: rgba(255, 255, 255, 0.9); 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 { - background: white; - border-color: transparent; - min-height: 32px; } + background: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.3); + 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 { padding-top: 20px; - background: rgba(255, 255, 255, 0.9); + background: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.1); 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 { border: 0; color: white; text-shadow: none; } .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; color: #5c616c; } .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { diff --git a/src/themes/Kali/sass/gtk-sass/_applications.scss b/src/themes/Kali/sass/gtk-sass/_applications.scss index 6d1371bf..764b5f3b 100644 --- a/src/themes/Kali/sass/gtk-sass/_applications.scss +++ b/src/themes/Kali/sass/gtk-sass/_applications.scss @@ -68,20 +68,23 @@ wnck-pager { border: 0; background-color: $panel_bg; border-radius: $button_radius; - box-shadow: inset 1px 1px transparentize(white, .95); + box-shadow: inset 0 1px transparentize(white, .85); entry { - background: if($variant=='light', white, transparentize(black, .3)); - border-color: transparent; + background: transparentize($bg_color, .6); + border-color: transparentize($bg_color, .7); min-height: 32px; + box-shadow: inset 0 1px transparentize(white, .95), + 0 1px 2px opacify($shadow_color, 0.1); } #buttonbox_frame { padding-top: 20px; - background: $panel_bg; + background: $bg_color; border-top: 1px solid transparentize(black, .9); 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 { border: 0; @@ -90,7 +93,7 @@ wnck-pager { } #cancel_button { - background: transparentize(black, if($variant=='light', .95, .5)); + background: transparentize($shadow_color, 0.03); box-shadow: none; color: $fg_color; }