diff --git a/apps/desktop/src/styles.css b/apps/desktop/src/styles.css index 1afef1f01..ab483818a 100644 --- a/apps/desktop/src/styles.css +++ b/apps/desktop/src/styles.css @@ -568,6 +568,21 @@ } } +/* No focus rings, anywhere. Kills the native outline plus Tailwind's + `focus-visible:ring-*` (a box-shadow driven by --tw-ring-*). Unlayered so it + beats the utilities layer without !important on the outline. The composer / + .desktop-input-chrome focus glow is untouched — those set `box-shadow` + directly rather than through the ring vars. */ +*:focus, +*:focus-visible { + outline: none; +} + +*:focus-visible { + --tw-ring-shadow: 0 0 #0000 !important; + --tw-ring-offset-shadow: 0 0 #0000 !important; +} + button { -webkit-app-region: no-drag; }