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

GTK3: theme flat buttons

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2020-12-16 11:33:16 +01:00
parent 1db8c6a02c
commit 62e299b648
4 changed files with 38 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5088,12 +5088,16 @@ 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, headerbar button.toggle:checked, button.flat:hover, button:active, button:checked {
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 {
border-color: transparent;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button.flat:hover {
transition: none; }
/********** /**********
* Entry * * Entry *
**********/ **********/

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

@ -5088,12 +5088,16 @@ 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, headerbar button.toggle:checked, button.flat:hover, button:active, button:checked {
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 {
border-color: transparent;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button.flat:hover {
transition: none; }
/********** /**********
* Entry * * Entry *
**********/ **********/

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

@ -5110,12 +5110,16 @@ 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, headerbar button.toggle:checked, button.flat:hover, button:active, button:checked {
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 {
border-color: transparent;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button.flat:hover {
transition: none; }
/********** /**********
* Entry * * Entry *
**********/ **********/

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

@ -19,11 +19,23 @@ $_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize($b
/********** /**********
* Button * * Button *
**********/ **********/
%button_active, button {
button:active, @at-root %button_active,
button:checked, { &:active,
background: $dark_fill; &:checked, {
box-shadow: $_widget_inset_shadow; background: $dark_fill;
box-shadow: $_widget_inset_shadow;
}
&.flat {
border-color: transparent;
transition: $button_transition;
&:hover {
@extend %button_active;
transition: none;
}
}
} }
/********** /**********