Design
Principles of Dark Mode Design
Dark mode reduces eye strain and saves battery life on OLED screens. But pure black (#000000) is often a mistake.
Contrast Ratios
Ensure text meets WCAG AA standards. Grey text on black background often fails accessibility tests.
Depth
Use lighter shades of grey to indicate elevation, rather than shadows (which are invisible on black).
Related articles
Enjoyed this article?
Subscribe to the newsletter to get notified about new posts.