[gtk/wip/jimmac/focus-ring-solid: 1/2] Adwaita: solid focus ring



commit 5586b9293b30ede1b979f20057fdd080a426c17a
Author: Jakub Steiner <jimmac gmail com>
Date:   Tue Mar 19 14:21:53 2019 +0100

    Adwaita: solid focus ring
    
    Fixes https://gitlab.gnome.org/GNOME/gtk/issues/1424

 gtk/theme/Adwaita/_common.scss           | 8 ++++----
 gtk/theme/Adwaita/gtk-contained-dark.css | 2 +-
 gtk/theme/Adwaita/gtk-contained.css      | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 2385e72876..213bdedda5 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -28,10 +28,10 @@ flowboxchild:focus(visible) {
   // to the adwaita engine: using real CSS properties is faster,
   // and we don't use any outlines for now.
 
-  outline-color: gtkalpha(currentColor, 0.3);
-  outline-style: dashed;
-  outline-offset: -3px;
-  outline-width: 1px;
+  outline-color: $selected_bg_color;
+  outline-style: solid;
+  outline-offset: -2px;
+  outline-width: 2px;
   -gtk-outline-radius: $button-radius - 2;
 }
 
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index e74e73704b..b8a5da7f5b 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -1,6 +1,6 @@
 * { padding: 0; -gtk-secondary-caret-color: #15539e; }
 
-button:focus(visible), checkbutton:focus(visible), radiobutton:focus(visible), switch:focus(visible), 
scale:focus(visible), label:focus(visible), row:focus(visible), flowboxchild:focus(visible) { outline-color: 
alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; 
-gtk-outline-radius: 3px; }
+button:focus(visible), checkbutton:focus(visible), radiobutton:focus(visible), switch:focus(visible), 
scale:focus(visible), label:focus(visible), row:focus(visible), flowboxchild:focus(visible) { outline-color: 
#15539e; outline-style: solid; outline-offset: -2px; outline-width: 2px; -gtk-outline-radius: 3px; }
 
 /*************** Base States * */
 .background { color: #eeeeec; background-color: #353535; }
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index e3c5e5656e..9fc8fe869f 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -1,6 +1,6 @@
 * { padding: 0; -gtk-secondary-caret-color: #3584e4; }
 
-button:focus(visible), checkbutton:focus(visible), radiobutton:focus(visible), switch:focus(visible), 
scale:focus(visible), label:focus(visible), row:focus(visible), flowboxchild:focus(visible) { outline-color: 
alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; 
-gtk-outline-radius: 3px; }
+button:focus(visible), checkbutton:focus(visible), radiobutton:focus(visible), switch:focus(visible), 
scale:focus(visible), label:focus(visible), row:focus(visible), flowboxchild:focus(visible) { outline-color: 
#3584e4; outline-style: solid; outline-offset: -2px; outline-width: 2px; -gtk-outline-radius: 3px; }
 
 /*************** Base States * */
 .background { color: #2e3436; background-color: #f6f5f4; }


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]