Recipe·Design recipes·RC17
Dark mode done right
Colors that keep their contrast and character in both light and dark themes.
Steps
- 1
/oklch-skillbuild the dark scale in OKLCH - 2
/impeccable colorizeapply it with intent, not inversion - 3
/impeccable auditcontrast and theming checks - 4
/viewport-proofscreenshots 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.