One Dark — Light WCAG 2.2:AA

UUID: 22acf829-a356-479e-af60-9be4a89cb47b · Variant: light · WCP 2.2.1

Collection: Penrith Beacon® Default Collection

Collection origin: 1a71e05b-424f-4dd2-9ba6-072fc4ada57d

An empty open-plan office late at night, lit only by monitor screens — the walls and ceiling recede into a blue-tinted charcoal dark, the screens project a soft cold blue that is the only light source, and the desk surfaces catch that blue the way matte surfaces hold light, everything quiet and resolute, the colour of a developer in deep concentration long after everyone else has gone home.

Palette

Token	CSS key	Value
Background	`--wcp-color-bg`	`#f7f7f8`
Surface	`--wcp-color-surface`	`#eaecf0`
Surface raised	`--wcp-color-surface-raised`	`#dce1ea`
Text	`--wcp-color-text`	`#12151b`
Text muted	`--wcp-color-text-muted`	`#4f5b72`
Border	`--wcp-color-border`	`#7387b0`
Primary	`--wcp-color-primary`	`#198ae7`
Primary on	`--wcp-color-primary-on`	`#000000`
Link	`--wcp-color-link`	`#136db7`

WCAG 2.2 AA Contrast Pairs

Pair	Foreground	Background	Ratio	Threshold	Result
Text on background	`#12151b`	`#f7f7f8`	17.07:1	4.5:1	PASS
Text on surface	`#12151b`	`#eaecf0`	15.46:1	4.5:1	PASS
Muted text on background	`#4f5b72`	`#f7f7f8`	6.39:1	4.5:1	PASS
Muted text on surface	`#4f5b72`	`#eaecf0`	5.78:1	4.5:1	PASS
Border vs background	`#7387b0`	`#f7f7f8`	3.37:1	3.0:1	PASS
Border vs surface	`#7387b0`	`#eaecf0`	3.05:1	3.0:1	PASS
Primary vs background	`#198ae7`	`#f7f7f8`	3.36:1	3.0:1	PASS
Primary-on vs primary	`#000000`	`#198ae7`	5.83:1	4.5:1	PASS
Link on background	`#136db7`	`#f7f7f8`	5.03:1	4.5:1	PASS
Link on surface	`#136db7`	`#eaecf0`	4.55:1	4.5:1	PASS

Source file: wcp-theme-collection-penrith-beacon-default-1a71e05b-424f-4dd2-9ba6-072fc4ada57d.wcpt