# Wrenboard light and dark themes

## Ownership
styles.css owns the light and dark token values.
Use the same --page, --surface, --ink, --muted, --action,
--on-action and --focus names in both themes.
Use the system colour preference; do not add a manual switch.

## Components
A panel uses --surface and --ink.
Supporting text uses --muted on --surface.
The main action uses --action and --on-action.
Keep its focus-visible outline in both themes.
Do not invert screenshots or add per-component colour literals.

## Review
Start a theme review with: Theme check:
Report body, panel, text and action colours in both themes.
Check normal text pairs at 4.5:1 or better.
Check hover and focus as well as the initial screen.
Do not claim a whole-site accessibility pass from this fixture.