Skip to main content
← Insights

Designing dark-mode-first (without regrets)

Dark-first looks great and breaks in subtle ways. The tokens and contrast rules we use to ship both themes.

The short version

  • Define colour as tokens, then derive both themes from them
  • Check contrast on real content, not just swatches
  • Treat light mode as a first-class theme, not an afterthought

Shipping a product in both themes and want it to feel intentional in each? We'd love to compare notes.

Have a project in mind?

Let's talk about how this applies to your stack.

Start a project
An unhandled error has occurred. Reload