From 67673a386d796937e463d1e0d9885fafef645dfa Mon Sep 17 00:00:00 2001 From: Vinta Chen Date: Sun, 25 Oct 2026 22:25:19 +0800 Subject: [PATCH] fix: drop default outline and opaque-ify search focus ring Removing .search from the :focus-visible list left the focused search field with Chromium's default blue outline, and its translucent focus border measured 1.65:1 against the page, below WCAG 1.4.11's 3:1. Co-Authored-By: Claude --- website/static/style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/website/static/style.css b/website/static/style.css index fb064adf..656110d2 100644 --- a/website/static/style.css +++ b/website/static/style.css @@ -47,7 +47,7 @@ --search-inset: oklch(100% 0 0 / 0.75); --search-shadow: oklch(18% 0.03 45 / 0.24); - --search-focus-ring: oklch(61% 0.14 48 / 0.45); + --search-focus-ring: oklch(61% 0.14 48); --search-focus-shadow: oklch(34% 0.08 42 / 0.28); --tag-hover-border: oklch(71% 0.09 62 / 0.45); @@ -826,6 +826,7 @@ kbd { } .search:focus { + outline: none; border-color: var(--search-focus-ring); box-shadow: inset 0 1px 0 var(--search-inset),