@ponchia/ui

Theme & contrast playground

Paste a brand --accent. The whole accent family is color-mix-derived; this checks the WCAG contrast of the derived --accent-text (used for accent text) and raw --accent against the current surface, and emits a ready-to-paste override + DTCG fragment. The instruction in docs/theming.md to "verify your hue" — this is the instrument.

Contrast (WCAG 2.1)

CSS override

DTCG fragment