From e44e16cb59d2782d832a3119f40143358893acbe Mon Sep 17 00:00:00 2001 From: Timothy Jaeryang Baek Date: Wed, 12 Aug 2026 01:02:02 -0600 Subject: [PATCH] refac --- src/app.css | 10 ++++++++-- src/lib/components/common/InterfaceSettings.svelte | 2 +- 2 files changed, 9 insertions(+), 3 deletions(-) diff --git a/src/app.css b/src/app.css index 2ff440c6e7..a5be2c2d78 100644 --- a/src/app.css +++ b/src/app.css @@ -409,9 +409,15 @@ input[type='number'] { outline: none; } -html.high-contrast .focus-ring:focus-visible { +:focus-visible:not(.ProseMirror):not([contenteditable='true']):not(input):not(textarea), +.focus-ring:focus-visible { outline: 2px solid theme(--color-blue-500); - outline-offset: 2px; + outline-offset: -2px; +} + +html.high-contrast :is(input, textarea, [contenteditable='true'], .ProseMirror):focus-visible { + outline: 2px solid theme(--color-blue-500); + outline-offset: -2px; } .ProseMirror p.is-editor-empty:first-child::before { diff --git a/src/lib/components/common/InterfaceSettings.svelte b/src/lib/components/common/InterfaceSettings.svelte index c3295607ae..d6fdf1be7c 100644 --- a/src/lib/components/common/InterfaceSettings.svelte +++ b/src/lib/components/common/InterfaceSettings.svelte @@ -495,7 +495,7 @@

- {$i18n.t('Increase contrast for controls and input surfaces.')} + {$i18n.t('Enable accessibility-focused visual enhancements.')}