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

GTK3: avoid hover animations on backdrop state

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2020-12-16 18:35:35 +01:00
parent 977656cf86
commit b2a3a8f92f
4 changed files with 23 additions and 23 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

@ -5088,14 +5088,14 @@ 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, button:active, button:checked { headerbar button.toggle:checked, button.flat:hover:not(:backdrop), button:active, button:checked {
background: #1b1d24; background: #1b1d24;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3); } box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3); }
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 { button.flat:hover:not(:backdrop) {
transition: none; } transition: none; }
/********** /**********
@ -5261,11 +5261,11 @@ notebook > header {
notebook > header.right > tabs > tab.reorderable-page { notebook > header.right > tabs > tab.reorderable-page {
border: 1px solid transparent; border: 1px solid transparent;
margin: 3px; } margin: 3px; }
notebook > header.top > tabs > tab:hover, notebook > header.top > tabs > tab:hover:not(:backdrop),
notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab:hover, notebook > header.top > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.bottom > tabs > tab:hover:not(:backdrop),
notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab:hover, notebook > header.bottom > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.left > tabs > tab:hover:not(:backdrop),
notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab:hover, notebook > header.left > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.right > tabs > tab:hover:not(:backdrop),
notebook > header.right > tabs > tab.reorderable-page:hover { notebook > header.right > tabs > tab.reorderable-page:hover:not(:backdrop) {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
border-color: #0d0e11; border-color: #0d0e11;

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

@ -5088,14 +5088,14 @@ 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, button:active, button:checked { headerbar button.toggle:checked, button.flat:hover:not(:backdrop), button:active, button:checked {
background: #1b1d24; background: #1b1d24;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3); } box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3); }
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 { button.flat:hover:not(:backdrop) {
transition: none; } transition: none; }
/********** /**********
@ -5261,11 +5261,11 @@ notebook > header {
notebook > header.right > tabs > tab.reorderable-page { notebook > header.right > tabs > tab.reorderable-page {
border: 1px solid transparent; border: 1px solid transparent;
margin: 3px; } margin: 3px; }
notebook > header.top > tabs > tab:hover, notebook > header.top > tabs > tab:hover:not(:backdrop),
notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab:hover, notebook > header.top > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.bottom > tabs > tab:hover:not(:backdrop),
notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab:hover, notebook > header.bottom > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.left > tabs > tab:hover:not(:backdrop),
notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab:hover, notebook > header.left > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.right > tabs > tab:hover:not(:backdrop),
notebook > header.right > tabs > tab.reorderable-page:hover { notebook > header.right > tabs > tab.reorderable-page:hover:not(:backdrop) {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
border-color: #0d0e11; border-color: #0d0e11;

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

@ -5110,14 +5110,14 @@ 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, button:active, button:checked { headerbar button.toggle:checked, button.flat:hover:not(:backdrop), button:active, button:checked {
background: #f2f2f2; background: #f2f2f2;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1); } box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1); }
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 { button.flat:hover:not(:backdrop) {
transition: none; } transition: none; }
/********** /**********
@ -5282,11 +5282,11 @@ notebook > header {
notebook > header.right > tabs > tab.reorderable-page { notebook > header.right > tabs > tab.reorderable-page {
border: 1px solid transparent; border: 1px solid transparent;
margin: 3px; } margin: 3px; }
notebook > header.top > tabs > tab:hover, notebook > header.top > tabs > tab:hover:not(:backdrop),
notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab:hover, notebook > header.top > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.bottom > tabs > tab:hover:not(:backdrop),
notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab:hover, notebook > header.bottom > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.left > tabs > tab:hover:not(:backdrop),
notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab:hover, notebook > header.left > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.right > tabs > tab:hover:not(:backdrop),
notebook > header.right > tabs > tab.reorderable-page:hover { notebook > header.right > tabs > tab.reorderable-page:hover:not(:backdrop) {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3); outline-color: rgba(92, 97, 108, 0.3);
border-color: #d9d9d9; border-color: #d9d9d9;

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

@ -31,7 +31,7 @@ button {
border-color: transparent; border-color: transparent;
transition: $button_transition; transition: $button_transition;
&:hover { &:hover:not(:backdrop) {
@extend %button_active; @extend %button_active;
transition: none; transition: none;
} }
@ -235,7 +235,7 @@ notebook {
border: 1px solid transparent; border: 1px solid transparent;
margin: 3px; margin: 3px;
&:hover { @include button(hover); } &:hover:not(:backdrop) { @include button(hover); }
&:checked { &:checked {
@include button(normal); @include button(normal);