Dark mode with design tokens

How to implement dark mode with as little effort as possible

Lukas Oppermann
UX Collective
Published in
12 min readAug 8, 2022

--

Cover illustration showing a stepped gradient of colors mimiking the sky from monring to night

This article discusses everything from triggering dark mode, to setting up design tokens to get automatic dark mode for all components.

This is a two part series:
1. Implementing dark mode
2. Designing dark mode

--

--

Product designer with a love for complex problems & data. Everything I post on Medium is a copy — the originals are on my own website: https://www.vea.re