Dark Mode UI Best Practices

 Dark Mode UI Best Practices

What is a dark mode?

The dark theme is UI mode that reduces the luminance emitted by device screens while still meeting minimum color contrast ratios.

Dark themes help to improve ergonomics by reducing eye strain, adjusting brightness to current lighting conditions, and facilitating screen use in the darker surroundings – all while conserving battery power. Devices with OLED screens benefit from the ability to turn off black pixels at any time of day.

1.

2.

3.

4.

5.

6.

Source