NPH
Huy Nguyenhuynp.dev
Cover
Design

Principles of Dark Mode Design

Author
Huy Nguyen
March 10, 20245 min

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.