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

GTK3: improve button visibility with lighter background colors

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría
2020-12-18 15:54:34 +01:00
parent 243df0df92
commit 2f2d7de99d
5 changed files with 99 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/themes/Kali/sass/gtk-sass/upstream/_drawing.scss
+2 -3
View File
@@ -142,7 +142,7 @@
@else if lightness($c)>80% { @return transparentize(white, 0.5); }
@else if lightness($c)>50% { @return transparentize(white, 0.8); }
@else if lightness($c)>40% { @return transparentize(white, 0.9); }
@else { @return transparentize(white, 0.98); }
@else { @return transparentize(white, 0.95); }
}
@mixin _button_text_shadow ($tc:$fg_color, $bg:$bg_color) {
@@ -196,8 +196,7 @@
outline-color: transparentize($tc, 0.7);
border-color: if($c != $bg_color, _border_color($c), $borders_color);
border-bottom-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color);
$button_fill: if($variant == 'light', linear-gradient(to top, darken($c, 4%) 2px, $c),
linear-gradient(to top, darken($c,1%) 2px, $c)) !global;
$button_fill: linear-gradient(to top, if($c != $bg_color, $c, lighten($c, 3%)) 2px, lighten($c, 5%)) !global;
background-image: $button_fill;
@include _button_text_shadow($tc, $c);
@include _shadows(inset 0 1px $_hilight_color, $_button_edge, $_button_shadow);
src/themes/Kali/sass/gtk-sass/upstream/_drawing.scss.patch
+9
View File
@@ -1,4 +1,13 @@
145c145
< @else { @return transparentize(white, 0.98); }
---
> @else { @return transparentize(white, 0.95); }
189c189
< $_button_shadow: 0 1px 2px transparentize($shadow_color, 0.03);
---
> $_button_shadow: inset 0 -1px 0 transparentize(if($c != $bg_color, _border_color($c), $borders_color), .25), 0 1px 2px transparentize($shadow_color, 0.03);
199,200c199
< $button_fill: if($variant == 'light', linear-gradient(to top, darken($c, 4%) 2px, $c),
< linear-gradient(to top, darken($c,1%) 2px, $c)) !global;
---
> $button_fill: linear-gradient(to top, if($c != $bg_color, $c, lighten($c, 3%)) 2px, lighten($c, 5%)) !global;