Esc
↑↓ navigate   Enter open   Esc close

UI/UX Design

Dark Mode

/dɑːk məʊd/

Definition

A UI colour scheme using light text on a dark background — reduces eye strain in low light and saves battery on OLED screens.

Example in context

"Dark mode is implemented with CSS custom properties — swapping --color-bg from white to #121212 cascades everywhere."

Related terms

  • CSS custom property — A CSS variable (--property-name: value) that holds reusable values and can be updated dynamically via JavaScript.

Practice this term

Master Dark Mode in context by working through exercises in the UI/UX Design module. You'll see the term used in real engineering scenarios with multiple-choice, fill-in-the-blank, and matching drills.

Practice in exercises → Browse all words

Frequently Asked Questions

What does "Dark Mode" mean?

A UI colour scheme using light text on a dark background — reduces eye strain in low light and saves battery on OLED screens.

How do you pronounce "Dark Mode"?

"Dark Mode" is pronounced /dɑːk məʊd/.

Can you use "Dark Mode" in a sentence?

"Dark mode is implemented with CSS custom properties — swapping --color-bg from white to #121212 cascades everywhere."