# Dark mode done right

Recipe · Design recipes · RC17

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

## 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

## As one prompt

```text
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
```

Source: https://atlasscope.dev/prompts/dark-mode-done-right