Circuit-Forge/turnstone
5
0
Fork 0
Code Issues 11 Pull requests 1 Projects Releases 6 Packages Wiki Activity Actions

fix: a11y foundation — text-dim contrast, focus-visible, prefers-reduced-motion

Browse source
This commit is contained in:
pyr0ball 2026-05-13 15:48:12 -07:00
parent 734e81c8ca
commit 067d565894
1 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
web/src/style/theme.css
View file

@ -8,7 +8,7 @@
--color-accent-muted: #dbeafe; --color-accent-muted: #dbeafe;
--color-text-primary: #0f172a; --color-text-primary: #0f172a;
--color-text-muted: #475569; --color-text-muted: #475569;
--color-text-dim: #94a3b8; --color-text-dim: #6b7280;
/* severity text colors */ /* severity text colors */
--color-sev-debug: #6b7280; --color-sev-debug: #6b7280;
@ -32,7 +32,7 @@
--color-accent-muted: #2a4a72; --color-accent-muted: #2a4a72;
--color-text-primary: #e2e8f0; --color-text-primary: #e2e8f0;
--color-text-muted: #94a3b8; --color-text-muted: #94a3b8;
--color-text-dim: #475569; --color-text-dim: #6b7280;
--color-sev-debug: #6b7280; --color-sev-debug: #6b7280;
--color-sev-info: #60a5fa; --color-sev-info: #60a5fa;
@ -47,6 +47,14 @@
} }
/* Smooth theme transitions */ /* Smooth theme transitions */
@media (prefers-reduced-motion: no-preference) {
*, *::before, *::after { *, *::before, *::after {
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease; transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
} }
}
/* Keyboard focus indicator */
:focus-visible {
outline: 2px solid var(--color-accent);
outline-offset: 2px;
}