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

GTK3: fix hovered titlebuttons in firefox

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría
2021-12-22 16:02:54 +01:00
parent cb748913f7
commit ed261ce79f
20 changed files with 113 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/themes/Kali/sass/gtk3/_common-tweaks.scss
+30 -12
View File
@@ -219,7 +219,10 @@ headerbar {
button.titlebutton:not(.appmenu) {
$_titlebutton_bg: lighten($bg_color, 10%);
color: transparent;
background: $_titlebutton_bg;
background-image: -gtk-scaled(url('assets/titlebutton.png'), url('assets/titlebutton@2.png'));
background-color: $_titlebutton_bg;
background-repeat: no-repeat;
background-position: center;
margin: 0;
margin-left: 5px;
padding: 0;
@@ -235,20 +238,34 @@ headerbar {
@at-root %titlebutton_hover,
&:hover {
color: $fg_color;
background: $_titlebutton_bg;
background-color: $_titlebutton_bg;
border-color: transparent;
box-shadow: 0 0 0 1px $borders_color;
&.minimize {
background-image: -gtk-scaled(url('assets/minimize#{$asset_suffix}.png'), url('assets/minimize#{$asset_suffix}@2.png'));
}
&.maximize {
background-image: -gtk-scaled(url('assets/maximize#{$asset_suffix}.png'), url('assets/maximize#{$asset_suffix}@2.png'));
}
}
&.close {
color: if($variant=='light', white, black);
background: $selected_bg_color;
background-color: $selected_bg_color;
@if $variant == 'light' {
background-image: -gtk-scaled(url('assets/close-white.png'), url('assets/close-white@2.png'));
} @else {
background-image: -gtk-scaled(url('assets/close-black.png'), url('assets/close-black@2.png'));
}
border-color: transparent;
&:hover {
color: if($variant=='light', black, white);
background: mix(white, $selected_bg_color, 10%);
background-color: mix(white, $selected_bg_color, 10%);
@if $variant == 'light' {
background-image: -gtk-scaled(url('assets/close-black.png'), url('assets/close-black@2.png'));
} @else {
background-image: -gtk-scaled(url('assets/close-white.png'), url('assets/close-white@2.png'));
}
}
@if lightness($selected_bg_color) > 60%
@@ -270,11 +287,12 @@ headerbar {
&:backdrop,
&:backdrop:hover {
color: transparent;
background: transparent;
box-shadow: none;
border-color: $backdrop_borders_color;
background: $shadow_color;
&.maximize, &.minimize, &.close {
box-shadow: none;
border-color: $backdrop_borders_color;
background-image: -gtk-scaled(url('assets/titlebutton.png'), url('assets/titlebutton@2.png'));
background-color: $shadow_color;
}
}
}