🌒 Dark Light Mode Example

An alternative implementation of the dark mode that applies a spotlight effect to the entire page when the Dark Mode is activated.

Light-on-dark color scheme, also called black mode, dark mode, dark theme or night mode, is a color scheme that uses light-colored text, icons, and graphical user interface elements on a dark background and is often discussed in terms of computer user interface design and web design. Many modern websites and operating systems offer the user an optional light-on-dark display mode.

Some users find dark mode displays more visually appealing, and they can reduce power consumption.[1] Displaying white on full brightness uses roughly six times as much power as pure black on a 2016 Google Pixel, which has an OLED display.[2] In addition, stains on a screen's surface appear less visible.

Most modern operating systems support an optional light-on-dark color scheme.[3] Night mode may also be a display scheme using less blue light (whether dark on light, or otherwise), for example Night Shift on Apple devices or Night Light on Android. Displays with reduced blue light may improve sleep quality