Dark theme or mode

Dark mode, is a tendency toward designing with a predominantly dark palette. Instead of using white or light-colored backgrounds, you use a black or dark background. As a consequence, text and icons are necessarily light to ensure they are visible.

Dark themes reduce the luminance emitted by device screens, while still meeting minimum color contrast ratios. They help improve visual ergonomics by reducing eye strain, adjusting brightness to current lighting conditions, and facilitating screen use in dark environments – all while conserving battery power. Devices with OLED screens benefit from the ability to turn off black pixels at any time of day.

Use dark UIs:

• When a branding color scheme warrants it
• When the design is sparse and minimalist with only a few content types
• When it is appropriate for the context and use, such as nighttime entertainment apps
• To reduce eye strain, such as analytics pages that are used for long periods of time
• To elicit an emotion—for example, a feeling of intrigue and mystery
• To create a striking, dramatic look
• To create a sense of luxury and prestige
• To support visual hierarchy