Offering dark mode on a website is becoming increasingly popular. It’s a good option for accessibility, and a lot of people just prefer to view web pages this way.
You might think this should be simple - just swap the text and background colours and you’re good to go, right? It turns out that there’s a bit more to it.
In this session we will look at:
- When and why you should provide a dark mode
- Designing dark and light colour schemes that work
- How to allow users to choose dark mode and respect system preferences
- How to handle both colour schemes in in CSS (including some super cool new CSS tricks!)
- How to make system UI elements (i.e. forms) respect the dark mode selection
You'll come away with a strategy for implementing dark mode, and the tools & code to make it happen.
