From 336ecd9ec30603cc8a37c7ba13de66cc3c61a5c0 Mon Sep 17 00:00:00 2001 From: Hari Rana Date: Sun, 20 Apr 2025 08:01:10 -0400 Subject: [PATCH] css: Add focus ring custom properties The values were mostly copied from libadwaita's, but with the intention to easily add focus rings to custom widgets if desired. --- src/theme/style.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/theme/style.css b/src/theme/style.css index d5279fad..ebbd9a14 100644 --- a/src/theme/style.css +++ b/src/theme/style.css @@ -2,6 +2,12 @@ :root { --insensitive-fg-color: color-mix(in srgb, var(--window-fg-color) 50%, transparent); + + --focus-ring-transition: + outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), + outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), + outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + --focus-ring-color: rgb(from var(--accent-color) r g b / var(--dim-opacity)); } /* Header labels */