diff --git a/share/themes/Kali-Dark/gtk-3.0/gtk.css b/share/themes/Kali-Dark/gtk-3.0/gtk.css index 2cdf4a3b..9fb52f01 100644 --- a/share/themes/Kali-Dark/gtk-3.0/gtk.css +++ b/share/themes/Kali-Dark/gtk-3.0/gtk.css @@ -5534,7 +5534,12 @@ headerbar button.titlebutton:not(.appmenu) { headerbar.default-decoration { min-height: 0; padding: 6px; - box-shadow: none; } + box-shadow: none; + background: transparent -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")), linear-gradient(to top, rgba(10, 10, 10, 0), rgba(15, 15, 15, 0)); + box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); + background-color: #181a20; + background-position: -75px; + background-repeat: no-repeat; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 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 2cdf4a3b..9fb52f01 100644 --- a/share/themes/Kali-Light/gtk-3.0/gtk-dark.css +++ b/share/themes/Kali-Light/gtk-3.0/gtk-dark.css @@ -5534,7 +5534,12 @@ headerbar button.titlebutton:not(.appmenu) { headerbar.default-decoration { min-height: 0; padding: 6px; - box-shadow: none; } + box-shadow: none; + background: transparent -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")), linear-gradient(to top, rgba(10, 10, 10, 0), rgba(15, 15, 15, 0)); + box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); + background-color: #181a20; + background-position: -75px; + background-repeat: no-repeat; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 0; diff --git a/share/themes/Kali-Light/gtk-3.0/gtk.css b/share/themes/Kali-Light/gtk-3.0/gtk.css index 121dd14f..f0f8a904 100644 --- a/share/themes/Kali-Light/gtk-3.0/gtk.css +++ b/share/themes/Kali-Light/gtk-3.0/gtk.css @@ -5555,7 +5555,12 @@ headerbar button.titlebutton:not(.appmenu) { headerbar.default-decoration { min-height: 0; padding: 6px; - box-shadow: none; } + box-shadow: none; + background: transparent -gtk-scaled(url("assets/kali-headerbar-logo.png"), url("assets/kali-headerbar-logo@2.png")), linear-gradient(to top, rgba(0, 0, 0, 0), rgba(3, 3, 3, 0)); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); + background-color: #ededed; + background-position: -75px; + background-repeat: no-repeat; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 0; diff --git a/src/themes/Kali/sass/gtk3/_common-tweaks.scss b/src/themes/Kali/sass/gtk3/_common-tweaks.scss index 41dcb012..26a924f3 100644 --- a/src/themes/Kali/sass/gtk3/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk3/_common-tweaks.scss @@ -176,11 +176,11 @@ scale slider { /*************** * Header bars * ***************/ +$_scale_asset: 'assets/kali-headerbar-logo#{$asset_suffix}'; headerbar { $_border_color: darken($bg_color, 20%); border-color: $_border_color; - $_scale_asset: 'assets/kali-headerbar-logo#{$asset_suffix}'; @include headerbar_fill(darken($bg_color, if($variant == 'light', 5%, 10%)), $ov: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png'))); box-shadow: 0 1px 4px transparentize($_border_color, .25); @@ -282,6 +282,11 @@ headerbar { min-height: 0; padding: 6px; box-shadow: none; + @include headerbar_fill(transparent, + $ov: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png'))); + background-color: darken($bg_color, if($variant == 'light', 7%, 5%)); + background-position: -75px; + background-repeat: no-repeat; button.titlebutton { min-height: 0;