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

GTK3: update popover and menu background and shadows

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría
2020-03-05 13:11:39 +01:00
parent 50d3e45af0
commit 4590a1ff99
5 changed files with 49 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/themes/Kali/sass/gtk-sass/_colors.scss
+2 -2
View File
@@ -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%);
src/themes/Kali/sass/gtk-sass/_common-tweaks.scss
+13 -4
View File
@@ -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;
}