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:checked,
headerbar button.toggle:active,
headerbar button.toggle:checked,
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); }
button.flat {
border-color: transparent;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button.flat:hover {
transition: none; }
/**********
* 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:checked,
headerbar button.toggle:active,
headerbar button.toggle:checked,
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); }
button.flat {
border-color: transparent;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button.flat:hover {
transition: none; }
/**********
* 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:checked,
headerbar button.toggle:active,
headerbar button.toggle:checked,
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); }
button.flat {
border-color: transparent;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button.flat:hover {
transition: none; }
/**********
* 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_active,
button:active,
button:checked, {
background: $dark_fill;
box-shadow: $_widget_inset_shadow;
button {
@at-root %button_active,
&:active,
&:checked, {
background: $dark_fill;
box-shadow: $_widget_inset_shadow;
}
&.flat {
border-color: transparent;
transition: $button_transition;
&:hover {
@extend %button_active;
transition: none;
}
}
}
/**********