Welcome... to the Dark Side?
summary
When to prioritize a dark mode feature depending on platform and user needs, with practical engineering guidance like using CSS variables, unified classes, and image filters. Presents accessibility and perception metrics (e.g., 26% better legibility in light mode, 4–5% prevalence of color blindness, ~50% with astigmatism), concrete UI examples that work or fail (iOS Calendar vs Mail), estimated refactor effort, and battery/ambient use cases to enable a quick go/no‑go decision.
AI-written summary · about
chapters (11)
- 0:00Start
- 5:08Impact Score
- 13:09Platform
- 15:27Tech Resources Improve your code style.
- 20:11Product
- 21:36We start with the grays.
- 22:06Shadows won't work.
- 23:39Contrast works differently.
- 25:51Darkness "changes" with the background.
- 30:01Now with colors.
- 32:14Finally, the images. Solution: Make the images a bit darker.
related talks
20mIn praise of dark mode
28mBuilding the Dark Mode of Your Dreams with Color Science
20mThe Dark Side of the Web
27mThemeability is the path to dark mode
41mColor - The Shadow Ruler of UX
19mThe hardest part about building dark mode is that people think it’s easy
40mBeyond Aesthetics: Designing with Color for Accessibility and Inclusion
06mDesign Accessibly: Color Contrast Tips and Tools