PoliEcho/kaliish-orange-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

GTK3: add shadow to headerbars

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2021-01-22 00:51:58 +01:00
parent aaeb40605c
commit f7a62ede74
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/themes/Kali/sass/gtk-sass/_common-tweaks.scss
View File

@ -148,11 +148,13 @@ scale slider {
.titlebar, .titlebar,
headerbar { headerbar {
border-color: $borders_color; $_border_color: darken($bg_color, 20%);
border-color: $_border_color;
$_scale_asset: 'assets/kali-headerbar-logo#{$asset_suffix}'; $_scale_asset: 'assets/kali-headerbar-logo#{$asset_suffix}';
@include headerbar_fill(darken($bg_color, if($variant == 'light', 2%, 10%)), @include headerbar_fill(darken($bg_color, if($variant == 'light', 2%, 10%)),
$ov: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png'))); $ov: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png')));
box-shadow: 0 1px 4px transparentize($_border_color, .25);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left; background-position: left;
@ -160,6 +162,7 @@ headerbar {
background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png')); background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png'));
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left; background-position: left;
box-shadow: none;
} }
stackswitcher button:checked, stackswitcher button:checked,
@ -188,13 +191,15 @@ headerbar {
dialog &:backdrop { dialog &:backdrop {
background: $bg_color; background: $bg_color;
border: 0; border: 0;
box-shadow: none;
} }
} }
paned, hdyleaflet, headerbar.titlebar { paned, hdyleaflet, headerbar.titlebar {
& headerbar:first-child { & headerbar:first-child {
border-color: transparent; border-color: $backdrop_borders_color;
background: $base_color; background: $base_color;
box-shadow: none;
&:backdrop { background: $backdrop_base_color; } &:backdrop { background: $backdrop_base_color; }
} }