diff --git a/share/themes/Kali-Dark/gtk-3.0/gtk.css b/share/themes/Kali-Dark/gtk-3.0/gtk.css index 7bc46f47..ca01add5 100644 --- a/share/themes/Kali-Dark/gtk-3.0/gtk.css +++ b/share/themes/Kali-Dark/gtk-3.0/gtk.css @@ -1492,7 +1492,7 @@ modelbutton.flat, outline-offset: -2px; } modelbutton.flat:hover, .menuitem.button.flat:hover { - background-color: #2e313d; } + background-color: #2a2e39; } modelbutton.flat arrow { background: none; } @@ -2749,7 +2749,7 @@ menuitem radio { ***************/ popover.background { padding: 2px; - background-color: #23252e; + background-color: #1f222a; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .csd popover.background, popover.background { border: 1px solid #0d0e11; @@ -5181,7 +5181,7 @@ popover.emoji-completion contents row box { padding: 2px 10px; } popover.emoji-completion .emoji:hover { - background: #2e313d; } + background: #2a2e39; } * { outline-style: solid; @@ -5310,6 +5310,14 @@ headerbar { margin: 0 4px; padding: 0; } +/*************** + * Popovers * + ***************/ +popover.background { + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); } + .csd popover.background, popover.background { + border-color: rgba(13, 14, 17, 0.75); } + /************** * GtkInfoBar * **************/ @@ -5541,7 +5549,7 @@ decoration { box-shadow: 0 0 0 1px rgba(13, 14, 17, 0.75); border-width: 0; } .csd.popup decoration { - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.65); + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(13, 14, 17, 0.65); border-width: 0; } tooltip.csd decoration { border: 0; } 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 7bc46f47..ca01add5 100644 --- a/share/themes/Kali-Light/gtk-3.0/gtk-dark.css +++ b/share/themes/Kali-Light/gtk-3.0/gtk-dark.css @@ -1492,7 +1492,7 @@ modelbutton.flat, outline-offset: -2px; } modelbutton.flat:hover, .menuitem.button.flat:hover { - background-color: #2e313d; } + background-color: #2a2e39; } modelbutton.flat arrow { background: none; } @@ -2749,7 +2749,7 @@ menuitem radio { ***************/ popover.background { padding: 2px; - background-color: #23252e; + background-color: #1f222a; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .csd popover.background, popover.background { border: 1px solid #0d0e11; @@ -5181,7 +5181,7 @@ popover.emoji-completion contents row box { padding: 2px 10px; } popover.emoji-completion .emoji:hover { - background: #2e313d; } + background: #2a2e39; } * { outline-style: solid; @@ -5310,6 +5310,14 @@ headerbar { margin: 0 4px; padding: 0; } +/*************** + * Popovers * + ***************/ +popover.background { + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); } + .csd popover.background, popover.background { + border-color: rgba(13, 14, 17, 0.75); } + /************** * GtkInfoBar * **************/ @@ -5541,7 +5549,7 @@ decoration { box-shadow: 0 0 0 1px rgba(13, 14, 17, 0.75); border-width: 0; } .csd.popup decoration { - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.65); + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(13, 14, 17, 0.65); border-width: 0; } tooltip.csd decoration { border: 0; } diff --git a/share/themes/Kali-Light/gtk-3.0/gtk.css b/share/themes/Kali-Light/gtk-3.0/gtk.css index a4d74f8f..3fdc258d 100644 --- a/share/themes/Kali-Light/gtk-3.0/gtk.css +++ b/share/themes/Kali-Light/gtk-3.0/gtk.css @@ -2760,7 +2760,7 @@ menuitem radio { ***************/ popover.background { padding: 2px; - background-color: #ffffff; + background-color: #fafafa; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .csd popover.background, popover.background { border: 1px solid #d1d1d1; @@ -5333,6 +5333,14 @@ headerbar { margin: 0 4px; padding: 0; } +/*************** + * Popovers * + ***************/ +popover.background { + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); } + .csd popover.background, popover.background { + border-color: rgba(0, 0, 0, 0.1); } + /************** * GtkInfoBar * **************/ @@ -5564,7 +5572,7 @@ decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); border-width: 0; } .csd.popup decoration { - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0); + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0); border-width: 0; } tooltip.csd decoration { border: 0; } diff --git a/src/themes/Kali/sass/gtk-sass/_colors.scss b/src/themes/Kali/sass/gtk-sass/_colors.scss index e42e4fcf..4eafb974 100644 --- a/src/themes/Kali/sass/gtk-sass/_colors.scss +++ b/src/themes/Kali/sass/gtk-sass/_colors.scss @@ -19,8 +19,8 @@ $top_hilight: $borders_edge; $dark_fill: mix($borders_color, $bg_color, 35%); $headerbar_color: if($variant == 'light', lighten($bg_color, 5%), darken($bg_color, 3%)); $menu_color: if($variant == 'light', $base_color, mix($borders_color, $bg_color, 15%)); -$popover_bg_color: $bg_color; -$popover_hover_color: lighten($bg_color, 5%); +$popover_bg_color: $menu_color; +$popover_hover_color: lighten($menu_color, 5%); $scrollbar_bg_color: if($variant == 'light', mix($bg_color, $fg_color, 80%), mix($base_color, $bg_color, 50%)); $scrollbar_slider_color: mix($fg_color, $bg_color, 60%); diff --git a/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss b/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss index 00b1ffd3..86e82705 100644 --- a/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss @@ -1,3 +1,6 @@ +$_menu_shadow: 0 1px 6px transparentize(black, if($variant == 'light', .85, .5)); +$_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize($borders_color, 0.25)); + * { outline-style: solid; outline-offset: -4px; @@ -137,6 +140,14 @@ headerbar { } } +/*************** + * Popovers * + ***************/ +popover.background { + box-shadow: $_menu_shadow; + .csd &, & { border-color: if($variant=='light', transparentize(black, 0.9), transparentize($borders_color, 0.25)); } +} + /************** * GtkInfoBar * **************/ @@ -241,14 +252,12 @@ decoration { border-radius: $window_radius+$_border_width $window_radius+$_border_width $button_radius $button_radius; border: $_border_width solid $base_color; - $_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize($borders_color, 0.25)); - box-shadow: 0 2px 8px 0 transparentize(black, 0.6), 0 0 0 1px $_wm_border; &:backdrop { box-shadow: 0 2px 8px 0 transparent, - 0 0 0 3px if($variant == 'light', transparentize(black, .85), transparentize(black, .75)); + 0 0 0 3px transparentize(black, if($variant == 'light', .85, .75)); } .maximized &, @@ -267,7 +276,7 @@ decoration { } .csd.popup & { - box-shadow: 0 1px 4px transparentize(black, 0.8), + box-shadow: $_menu_shadow, 0 0 0 1px transparentize($_wm_border, 0.1); border-width: 0; }