From 1506ec8e5e238bd6d9110fd88fde0938c90353f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= <daniel@drasite.com>
Date: Fri, 7 Feb 2020 02:04:57 +0100
Subject: [PATCH] GTK3 theme: Improve selected widget outline

---
 share/themes/Kali-Dark/gtk-3.0/gtk.css            |  7 ++++---
 share/themes/Kali-Light/gtk-3.0/gtk-dark.css      |  7 ++++---
 share/themes/Kali-Light/gtk-3.0/gtk.css           |  7 ++++---
 src/themes/Kali/sass/gtk-sass/_common-tweaks.scss | 11 ++++++++---
 4 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/share/themes/Kali-Dark/gtk-3.0/gtk.css b/share/themes/Kali-Dark/gtk-3.0/gtk.css
index a5734b50..8d791ade 100644
--- a/share/themes/Kali-Dark/gtk-3.0/gtk.css
+++ b/share/themes/Kali-Dark/gtk-3.0/gtk.css
@@ -4685,11 +4685,12 @@ popover.emoji-completion .emoji:hover {
   background: #2e313d; }
 
 * {
-  outline-color: alpha(currentColor,0.07);
   outline-style: solid;
-  outline-offset: -2px;
+  outline-offset: -4px;
   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 button.toggle:active,
diff --git a/share/themes/Kali-Light/gtk-3.0/gtk-dark.css b/share/themes/Kali-Light/gtk-3.0/gtk-dark.css
index a5734b50..8d791ade 100644
--- a/share/themes/Kali-Light/gtk-3.0/gtk-dark.css
+++ b/share/themes/Kali-Light/gtk-3.0/gtk-dark.css
@@ -4685,11 +4685,12 @@ popover.emoji-completion .emoji:hover {
   background: #2e313d; }
 
 * {
-  outline-color: alpha(currentColor,0.07);
   outline-style: solid;
-  outline-offset: -2px;
+  outline-offset: -4px;
   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 button.toggle:active,
diff --git a/share/themes/Kali-Light/gtk-3.0/gtk.css b/share/themes/Kali-Light/gtk-3.0/gtk.css
index b8273acf..fb23a3bf 100644
--- a/share/themes/Kali-Light/gtk-3.0/gtk.css
+++ b/share/themes/Kali-Light/gtk-3.0/gtk.css
@@ -4706,11 +4706,12 @@ popover.emoji-completion .emoji:hover {
   background: white; }
 
 * {
-  outline-color: alpha(currentColor,0.07);
   outline-style: solid;
-  outline-offset: -2px;
+  outline-offset: -4px;
   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 button.toggle:active,
diff --git a/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss b/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss
index 016b0fb2..4b6bd4f2 100644
--- a/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss
+++ b/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss
@@ -1,9 +1,14 @@
 * {
-  outline-color: gtkalpha(currentColor, 0.07);
   outline-style: solid;
-  outline-offset: -2px;
+  outline-offset: -4px;
   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,