From 578d50fe8a119568a73ed3e49944b806dd57aeb8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Fri, 8 Apr 2022 12:01:54 +0200 Subject: [PATCH] Gnome-Shell: tweak theme shadows --- .../Kali-Dark/gnome-shell/gnome-shell.css | 18 ++++++++----- .../Kali-Light/gnome-shell/gnome-shell.css | 18 ++++++++----- .../Kali/sass/gnome-shell/_common-tweaks.scss | 25 ++++++++++++------- 3 files changed, 40 insertions(+), 21 deletions(-) diff --git a/share/themes/Kali-Dark/gnome-shell/gnome-shell.css b/share/themes/Kali-Dark/gnome-shell/gnome-shell.css index 0a210b1f..4b39b3ba 100644 --- a/share/themes/Kali-Dark/gnome-shell/gnome-shell.css +++ b/share/themes/Kali-Dark/gnome-shell/gnome-shell.css @@ -2663,7 +2663,7 @@ StScrollBar { /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher, .screenshot-ui-panel { background-color: rgba(48, 51, 64, 0.96); - box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); } + box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2); } .screenshot-ui-type-button, .screenshot-ui-show-pointer-button { border: 1px solid transparent; @@ -2730,9 +2730,12 @@ StScrollBar { -slider-handle-radius: 0; } /* Popovers/Menus */ +.popup-menu-boxpointer, .candidate-popup-boxpointer { + -arrow-rise: 6px; } + .popup-menu-content, .candidate-popup-content { padding: 4px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2); background-color: #272a34; } .popup-menu-item { @@ -2784,13 +2787,13 @@ StScrollBar { /* Notifications & Message Tray */ .notification-banner { - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } + box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2); } /* Window Picker */ .window-caption { color: black; background-color: white; - box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4); } + box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2); } .window-close, .screenshot-ui-close-button { background-image: url("assets/close-window.svg"); @@ -2877,7 +2880,7 @@ StScrollBar { /* Search */ .search-entry { color: black; - text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9); + text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); font-weight: bold; background-color: rgba(255, 255, 255, 0.1); font-size: 1.1em; @@ -2901,7 +2904,7 @@ StScrollBar { icon-shadow: none; } .search-entry .search-entry-icon { color: white; - icon-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9); } + icon-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .search-section-content { background-color: rgba(255, 255, 255, 0.1); @@ -2910,6 +2913,9 @@ StScrollBar { .search-provider-icon .list-search-provider-details { font-weight: bold; } +.list-search-result .list-search-result-description { + color: rgba(255, 255, 255, 0.8); } + /* Dash */ #dash { color: white; diff --git a/share/themes/Kali-Light/gnome-shell/gnome-shell.css b/share/themes/Kali-Light/gnome-shell/gnome-shell.css index 18ca84f3..daf6bc1b 100644 --- a/share/themes/Kali-Light/gnome-shell/gnome-shell.css +++ b/share/themes/Kali-Light/gnome-shell/gnome-shell.css @@ -2659,7 +2659,7 @@ StScrollBar { /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher, .screenshot-ui-panel { background-color: rgba(48, 51, 64, 0.96); - box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); } + box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2); } .screenshot-ui-type-button, .screenshot-ui-show-pointer-button { border: 1px solid transparent; @@ -2726,9 +2726,12 @@ StScrollBar { -slider-handle-radius: 0; } /* Popovers/Menus */ +.popup-menu-boxpointer, .candidate-popup-boxpointer { + -arrow-rise: 6px; } + .popup-menu-content, .candidate-popup-content { padding: 4px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2); background-color: #fafafa; } .popup-menu-item { @@ -2780,13 +2783,13 @@ StScrollBar { /* Notifications & Message Tray */ .notification-banner { - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } + box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2); } /* Window Picker */ .window-caption { color: black; background-color: white; - box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4); } + box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2); } .window-close, .screenshot-ui-close-button { background-image: url("assets/close-window.svg"); @@ -2873,7 +2876,7 @@ StScrollBar { /* Search */ .search-entry { color: black; - text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9); + text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); font-weight: bold; background-color: rgba(255, 255, 255, 0.1); font-size: 1.1em; @@ -2897,7 +2900,7 @@ StScrollBar { icon-shadow: none; } .search-entry .search-entry-icon { color: white; - icon-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9); } + icon-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .search-section-content { background-color: rgba(255, 255, 255, 0.1); @@ -2906,6 +2909,9 @@ StScrollBar { .search-provider-icon .list-search-provider-details { font-weight: bold; } +.list-search-result .list-search-result-description { + color: rgba(255, 255, 255, 0.8); } + /* Dash */ #dash { color: white; diff --git a/src/themes/Kali/sass/gnome-shell/_common-tweaks.scss b/src/themes/Kali/sass/gnome-shell/_common-tweaks.scss index 2a733556..0d6f1969 100644 --- a/src/themes/Kali/sass/gnome-shell/_common-tweaks.scss +++ b/src/themes/Kali/sass/gnome-shell/_common-tweaks.scss @@ -1,5 +1,5 @@ $overview_transparent_bg: transparentize(white, .9); -$dialog_box_shadow: 0 2px 8px 0 transparentize(black, .6); +$dialog_box_shadow: 0 2px 6px -2px transparentize(black, .8); // Dropshadow for large icons .icon-dropshadow { @@ -9,7 +9,7 @@ $dialog_box_shadow: 0 2px 8px 0 transparentize(black, .6); /* OSD */ %osd_panel { background-color: transparentize($osd_bg_color, 0.04); - box-shadow: 0 4px 10px transparentize(black, .8); + box-shadow: $dialog_box_shadow; } // buttons on OSD elements @@ -38,9 +38,13 @@ $dialog_box_shadow: 0 2px 8px 0 transparentize(black, .6); } /* Popovers/Menus */ +.popup-menu-boxpointer { + -arrow-rise: 6px; +} + .popup-menu-content { padding: 4px; - box-shadow: 0 2px 4px transparentize(black, .8); + box-shadow: $dialog_box_shadow; background-color: $base_color; } @@ -96,9 +100,7 @@ $dialog_box_shadow: 0 2px 8px 0 transparentize(black, .6); } /* Notifications & Message Tray */ -.notification-banner { - box-shadow: 0 2px 4px transparentize(black, .8); -} +.notification-banner { box-shadow: $dialog_box_shadow; } /* Window Picker */ // Window titles @@ -159,7 +161,7 @@ $dialog_box_shadow: 0 2px 8px 0 transparentize(black, .6); #panel { $_panel_bg: transparentize($bg_color, .2); $_panel_fg: if($variant=='light', black, white); - $_panel_text_shadow: 0 1px 2px transparentize(black, 0.5); + $_panel_text_shadow: 0 1px 2px transparentize(black, 0.7); background: $_panel_bg; text-shadow: $_panel_text_shadow; @@ -224,8 +226,9 @@ $dialog_box_shadow: 0 2px 8px 0 transparentize(black, .6); /* Search */ // search entry .search-entry { + $_text-shadow: 0px 1px 2px transparentize(black, 0.5); color: black; - text-shadow: 0px 1px 2px rgba(black, 0.9); + text-shadow: $_text-shadow; font-weight: bold; background-color: $overview_transparent_bg; font-size: 1.1em; @@ -256,7 +259,7 @@ $dialog_box_shadow: 0 2px 8px 0 transparentize(black, .6); .search-entry-icon { color: white; - icon-shadow: 0px 1px 2px rgba(black, 0.9); + icon-shadow: $_text-shadow; } } @@ -269,6 +272,10 @@ $dialog_box_shadow: 0 2px 8px 0 transparentize(black, .6); // search result provider .search-provider-icon .list-search-provider-details { font-weight: bold; } +.list-search-result .list-search-result-description { + color: transparentize($osd_fg_color, .2); +} + /* Dash */ #dash { color: $osd_fg_color;