Theme
The colours and type these docs are drawn in, from expectation_theme. Night is an instrument panel: near-black screens in olive bezels, phosphor-green for what passed, amber cautions and red failures. Day is the same panel in sunlight, and these docs use it in a light browser. Colours are roles, so what each one is for is the same in both.
Components
Night · Buttons
CHECKRUNRETRY 2DISCARD
Lamps
PASSDOCSSLOWFAILSKIP
Messages
12:04:31 Suite loaded: 42 expectations
All stories passed
2 tests not supported yet
1 test failed
Results saved to docs/results
Next: generated tests
In the docs
verifiednot supported yetfailednot run
Given the tool is PEN When the user clicks the canvas Then the drawing goes up by 1
Day · Buttons
CHECKRUNRETRY 2DISCARD
Lamps
PASSDOCSSLOWFAILSKIP
Messages
12:04:31 Suite loaded: 42 expectations
All stories passed
2 tests not supported yet
1 test failed
Results saved to docs/results
Next: generated tests
In the docs
verifiednot supported yetfailednot run
Given the tool is PEN When the user clicks the canvas Then the drawing goes up by 1
Night palette
Day palette
Type and shape
| Labels, headings, code | Menlo, ui-monospace, "SF Mono", "Fira Mono", Consolas, monospace |
| Prose in the docs | system-ui, -apple-system, "Segoe UI", Roboto, sans-serif |
| Corners | window 17 · panel 11 · screen 6 · control 4 (each inset steps the radius down by the inset) |
| Spacing | gap 6 · bezel padding 5 |
Every ink reads at 4.5:1 or better on every surface it sits on, in both variants. The theme's tests check it.