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:active,
headerbar stackswitcher button:checked:checked, headerbar stackswitcher button:checked:checked,
headerbar button.toggle:active, 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; background: #1b1d24;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); } box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
button.flat { button.flat {
border-color: transparent; border-color: transparent;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button.flat:hover:not(:backdrop) { button.flat:hover {
transition: none; } transition: none; }
button.flat:hover:not(:backdrop):link { button.flat:link, button.flat:backdrop {
background: transparent; border-color: transparent;
box-shadow: none; } background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
/********** /**********
* Entry * * 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:active,
headerbar stackswitcher button:checked:checked, headerbar stackswitcher button:checked:checked,
headerbar button.toggle:active, 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; background: #1b1d24;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); } box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
button.flat { button.flat {
border-color: transparent; border-color: transparent;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button.flat:hover:not(:backdrop) { button.flat:hover {
transition: none; } transition: none; }
button.flat:hover:not(:backdrop):link { button.flat:link, button.flat:backdrop {
background: transparent; border-color: transparent;
box-shadow: none; } background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
/********** /**********
* Entry * * 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:active,
headerbar stackswitcher button:checked:checked, headerbar stackswitcher button:checked:checked,
headerbar button.toggle:active, 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; background: #f2f2f2;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); } box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); }
button.flat { button.flat {
border-color: transparent; border-color: transparent;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button.flat:hover:not(:backdrop) { button.flat:hover {
transition: none; } transition: none; }
button.flat:hover:not(:backdrop):link { button.flat:link, button.flat:backdrop {
background: transparent; border-color: transparent;
box-shadow: none; } background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
/********** /**********
* Entry * * Entry *

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

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