fix(a11y): privacy badge role/label and stronger search focus ring in light theme
This commit is contained in:
@@ -117,6 +117,11 @@
|
|||||||
--shadow-lg: 0 12px 28px rgba(0,0,0,0.35);
|
--shadow-lg: 0 12px 28px rgba(0,0,0,0.35);
|
||||||
--shadow-accent: 0 4px 20px rgba(214,132,80,0.3);
|
--shadow-accent: 0 4px 20px rgba(214,132,80,0.3);
|
||||||
|
|
||||||
|
/* — Focus ring shadow on inputs. Theme-aware so the ring stays visible
|
||||||
|
on the lighter cream surfaces in light theme, where a 0.1 alpha amber
|
||||||
|
glow disappears against white. — */
|
||||||
|
--accent-shadow-focus: rgba(214, 132, 80, 0.1);
|
||||||
|
|
||||||
/* — Typography — */
|
/* — Typography — */
|
||||||
--font-body: 'Lexend', system-ui, -apple-system, sans-serif;
|
--font-body: 'Lexend', system-ui, -apple-system, sans-serif;
|
||||||
--font-display: 'Instrument Serif', Georgia, serif;
|
--font-display: 'Instrument Serif', Georgia, serif;
|
||||||
@@ -186,6 +191,10 @@
|
|||||||
|
|
||||||
/* Warm dim for modal scrim in light theme. */
|
/* Warm dim for modal scrim in light theme. */
|
||||||
--overlay-dim: rgba(26, 24, 22, 0.55);
|
--overlay-dim: rgba(26, 24, 22, 0.55);
|
||||||
|
|
||||||
|
/* Stronger alpha on the focus ring shadow so it reads against the
|
||||||
|
cream surfaces. Uses the darker light-theme accent base. */
|
||||||
|
--accent-shadow-focus: rgba(163, 104, 58, 0.18);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
|
|||||||
@@ -1070,6 +1070,8 @@
|
|||||||
visible while the user moves through the settings tree. -->
|
visible while the user moves through the settings tree. -->
|
||||||
<span
|
<span
|
||||||
class="text-[12px] text-text-secondary bg-accent-subtle rounded-full px-2.5 py-1"
|
class="text-[12px] text-text-secondary bg-accent-subtle rounded-full px-2.5 py-1"
|
||||||
|
role="status"
|
||||||
|
aria-label="Privacy posture: 100% local, no telemetry, no cloud"
|
||||||
>100% local · no telemetry · no cloud</span>
|
>100% local · no telemetry · no cloud</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -1080,7 +1082,7 @@
|
|||||||
placeholder="Search settings"
|
placeholder="Search settings"
|
||||||
bind:value={settingsSearch}
|
bind:value={settingsSearch}
|
||||||
class="w-full bg-bg-input border border-border rounded-lg pl-9 pr-9 py-2 text-[13px] text-text placeholder:text-text-tertiary
|
class="w-full bg-bg-input border border-border rounded-lg pl-9 pr-9 py-2 text-[13px] text-text placeholder:text-text-tertiary
|
||||||
focus:outline-none focus:border-accent focus:shadow-[0_0_0_3px_rgba(214,132,80,0.1)]"
|
focus:outline-none focus:border-accent focus:shadow-[0_0_0_3px_var(--accent-shadow-focus)]"
|
||||||
aria-label="Search settings"
|
aria-label="Search settings"
|
||||||
/>
|
/>
|
||||||
{#if searchActive}
|
{#if searchActive}
|
||||||
|
|||||||
Reference in New Issue
Block a user