Recipe·Design recipes·RC17

Dark mode done right

Colors that keep their contrast and character in both light and dark themes.

Markdown

Steps

  1. 1  /oklch-skill build the dark scale in OKLCH
  2. 2  /impeccable colorize apply it with intent, not inversion
  3. 3  /impeccable audit contrast and theming checks
  4. 4  /viewport-proof screenshots of both themes at each size
As one prompt
Dark mode done right. Colors that hold contrast and character in both themes.
Run these in order, and check in with me between steps:
1. /oklch-skill: build the dark scale in OKLCH
2. /impeccable colorize: apply it with intent, not inversion
3. /impeccable audit: contrast and theming checks
4. /viewport-proof: screenshots of both themes at each size

More in Design recipes.