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 <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-10-25 22:25:19 +08:00
co-authored by Claude
parent 3fc97705e7
commit 67673a386d
+2 -1
View File
@@ -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),