diff --git a/web/src/style/theme.css b/web/src/style/theme.css index 318b1dd..c7e3209 100644 --- a/web/src/style/theme.css +++ b/web/src/style/theme.css @@ -8,7 +8,7 @@ --color-accent-muted: #dbeafe; --color-text-primary: #0f172a; --color-text-muted: #475569; - --color-text-dim: #94a3b8; + --color-text-dim: #6b7280; /* severity text colors */ --color-sev-debug: #6b7280; @@ -32,7 +32,7 @@ --color-accent-muted: #2a4a72; --color-text-primary: #e2e8f0; --color-text-muted: #94a3b8; - --color-text-dim: #475569; + --color-text-dim: #6b7280; --color-sev-debug: #6b7280; --color-sev-info: #60a5fa; @@ -47,6 +47,14 @@ } /* Smooth theme transitions */ -*, *::before, *::after { - transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease; +@media (prefers-reduced-motion: no-preference) { + *, *::before, *::after { + 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; }