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

GTK4: Customize headerbar

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2021-03-02 18:43:32 +01:00 committed by Daniel Ruiz de Alegría
parent 4093dd9b7b
commit 2f79b4d9bc
No known key found for this signature in database
GPG Key ID: 59667A77E8BFCB6C
1 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/themes/Kali/sass/gtk4/_common-tweaks.scss
View File

@ -23,3 +23,25 @@ button {
}
}
/***************
* Header bars *
***************/
.titlebar,
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);
background-repeat: no-repeat;
background-position: left;
&:backdrop {
background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png'));
background-repeat: no-repeat;
background-position: left;
box-shadow: none;
}
}