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

GTK3 theme: Improve selected widget outline

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2020-02-07 02:04:57 +01:00
parent 690763efb2
commit 1506ec8e5e
4 changed files with 20 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4685,11 +4685,12 @@ popover.emoji-completion .emoji:hover {
background: #2e313d; } background: #2e313d; }
* { * {
outline-color: alpha(currentColor,0.07);
outline-style: solid; outline-style: solid;
outline-offset: -2px; outline-offset: -4px;
outline-width: 2px; outline-width: 2px;
-gtk-outline-radius: 6px; } -gtk-outline-radius: 3px; }
*, *:hover, *:active, *:checked, *:focus, * button, * button:hover, * button:active, * button:checked, * button:focus {
outline-color: alpha(currentColor,0.07); }
.titlebar stackswitcher button:checked:active, .titlebar stackswitcher button:checked, .titlebar stackswitcher button:checked:active, .titlebar stackswitcher button:checked,
.titlebar button.toggle:active, .titlebar button.toggle:active,

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

@ -4685,11 +4685,12 @@ popover.emoji-completion .emoji:hover {
background: #2e313d; } background: #2e313d; }
* { * {
outline-color: alpha(currentColor,0.07);
outline-style: solid; outline-style: solid;
outline-offset: -2px; outline-offset: -4px;
outline-width: 2px; outline-width: 2px;
-gtk-outline-radius: 6px; } -gtk-outline-radius: 3px; }
*, *:hover, *:active, *:checked, *:focus, * button, * button:hover, * button:active, * button:checked, * button:focus {
outline-color: alpha(currentColor,0.07); }
.titlebar stackswitcher button:checked:active, .titlebar stackswitcher button:checked, .titlebar stackswitcher button:checked:active, .titlebar stackswitcher button:checked,
.titlebar button.toggle:active, .titlebar button.toggle:active,

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

@ -4706,11 +4706,12 @@ popover.emoji-completion .emoji:hover {
background: white; } background: white; }
* { * {
outline-color: alpha(currentColor,0.07);
outline-style: solid; outline-style: solid;
outline-offset: -2px; outline-offset: -4px;
outline-width: 2px; outline-width: 2px;
-gtk-outline-radius: 6px; } -gtk-outline-radius: 3px; }
*, *:hover, *:active, *:checked, *:focus, * button, * button:hover, * button:active, * button:checked, * button:focus {
outline-color: alpha(currentColor,0.15); }
.titlebar stackswitcher button:checked:active, .titlebar stackswitcher button:checked, .titlebar stackswitcher button:checked:active, .titlebar stackswitcher button:checked,
.titlebar button.toggle:active, .titlebar button.toggle:active,

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

@ -1,9 +1,14 @@
* { * {
outline-color: gtkalpha(currentColor, 0.07);
outline-style: solid; outline-style: solid;
outline-offset: -2px; outline-offset: -4px;
outline-width: 2px; outline-width: 2px;
-gtk-outline-radius: 6px; -gtk-outline-radius: 3px;
&, & button {
&, &:hover, &:active, &:checked, &:focus {
outline-color: gtkalpha(currentColor, if($variant == 'light', 0.15, 0.07));
}
}
} }
%button_active, %button_active,