Do Not Go Gentle in That Good Night - Implementing a Dark Theme on Android
summary
Concrete rules and tools for shipping dark mode: Android uses #121212 default surfaces and the system lights surfaces by elevation—set the Android elevation attribute, don’t fake shadows; create branded dark surfaces by overlaying your brand color at 8% opacity to get new hex values; desaturate accents to ~tonal 200–300; aim for 15.8:1 contrast (use accessibilitycolors.com and Material palettes); avoid large bright colored panels, avoid full black, and test across lighting and Android 10 forced-dark.
AI-written summary · about
chapters (8)
- 0:00Introduction to dark theme
- 3:14Elevation in dark theme
- 10:18Color handling in dark theme
- 16:48Text coloring and accessibility
- 18:53Contrast ratios in dark design
- 21:19Visual nuances and pitfalls
- 26:15Black surfaces vs dark gray
- 27:00Q&A and conclusion
