War Room currently ships one dark theme. For accessibility (especially for users with low vision), we should ship a high-contrast variant.
Scope:
- Define a
data-theme-mode attribute on <html>: default (current dark) and high-contrast.
- Override the relevant CSS variables in
app/globals.css under [data-theme-mode="high-contrast"] — background pure black, text pure white, borders #fff, accent colors WCAG AAA against background.
- Add a theme toggle in
Settings → Appearance (this section may need to be created if it doesn't exist).
- Persist the choice in
system_settings table.
No need to touch component code if it's all CSS-variable driven. Audit any hardcoded color literals as part of the PR.
War Room currently ships one dark theme. For accessibility (especially for users with low vision), we should ship a high-contrast variant.
Scope:
data-theme-modeattribute on<html>:default(current dark) andhigh-contrast.app/globals.cssunder[data-theme-mode="high-contrast"]— background pure black, text pure white, borders #fff, accent colors WCAG AAA against background.Settings → Appearance(this section may need to be created if it doesn't exist).system_settingstable.No need to touch component code if it's all CSS-variable driven. Audit any hardcoded color literals as part of the PR.