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

GTK3: fix flat button styles override the background of hovered notification buttons

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2020-12-30 15:48:24 +01:00
parent 7b93fef9a4
commit 094aca645a
4 changed files with 31 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
share/themes/Kali-Dark/gtk-3.0/gtk.css
View File

@ -5064,18 +5064,22 @@ window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):
headerbar stackswitcher button:checked:active,
headerbar stackswitcher button:checked:checked,
headerbar button.toggle:active,
headerbar button.toggle:checked, button.flat:hover:not(:backdrop), button:active, button:checked {
headerbar button.toggle:checked, button.flat:hover, button:active, button:checked {
background: #1b1d24;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
button.flat {
border-color: transparent;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button.flat:hover:not(:backdrop) {
button.flat:hover {
transition: none; }
button.flat:hover:not(:backdrop):link {
background: transparent;
box-shadow: none; }
button.flat:link, button.flat:backdrop {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
/**********
* Entry *

14
share/themes/Kali-Light/gtk-3.0/gtk-dark.css
View File

@ -5064,18 +5064,22 @@ window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):
headerbar stackswitcher button:checked:active,
headerbar stackswitcher button:checked:checked,
headerbar button.toggle:active,
headerbar button.toggle:checked, button.flat:hover:not(:backdrop), button:active, button:checked {
headerbar button.toggle:checked, button.flat:hover, button:active, button:checked {
background: #1b1d24;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
button.flat {
border-color: transparent;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button.flat:hover:not(:backdrop) {
button.flat:hover {
transition: none; }
button.flat:hover:not(:backdrop):link {
background: transparent;
box-shadow: none; }
button.flat:link, button.flat:backdrop {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
/**********
* Entry *

14
share/themes/Kali-Light/gtk-3.0/gtk.css
View File

@ -5086,18 +5086,22 @@ window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):
headerbar stackswitcher button:checked:active,
headerbar stackswitcher button:checked:checked,
headerbar button.toggle:active,
headerbar button.toggle:checked, button.flat:hover:not(:backdrop), button:active, button:checked {
headerbar button.toggle:checked, button.flat:hover, button:active, button:checked {
background: #f2f2f2;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); }
button.flat {
border-color: transparent;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button.flat:hover:not(:backdrop) {
button.flat:hover {
transition: none; }
button.flat:hover:not(:backdrop):link {
background: transparent;
box-shadow: none; }
button.flat:link, button.flat:backdrop {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
/**********
* Entry *

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

@ -31,15 +31,13 @@ button {
border-color: transparent;
transition: $button_transition;
&:hover:not(:backdrop) {
&:hover {
@extend %button_active;
transition: none;
}
&:link {
background: transparent;
box-shadow: none;
}
}
&:link,
&:backdrop { @include button(undecorated); }
}
}