fix(app): make keyboard focus visible in settings (#12612)

2026-02-09 09:12:06 -06:00
parent 05355a6b5c
commit 373b2270e7
5 changed files with 12 additions and 5 deletions
--- a/packages/ui/src/components/switch.css
+++ b/packages/ui/src/components/switch.css
@@ -86,9 +86,9 @@
    background-color: var(--surface-hover);
  }

-  &:focus-within:not([data-readonly]) [data-slot="switch-control"] {
+  &:not([data-readonly]) [data-slot="switch-input"]:focus-visible ~ [data-slot="switch-control"] {
    border-color: var(--border-focus);
-    box-shadow: 0 0 0 2px var(--surface-focus);
+    box-shadow: var(--shadow-xs-border-focus);
  }

  &[data-checked] [data-slot="switch-control"] {