Get the latest tech news

Dark Mode in CSS Guide


“Dark mode” is defined as a color scheme that uses light-colored text and other UI elements on a dark-colored background. Dark mode, dark theme, black mode, night mode… they all refer to and mean the same thing: a mostly-dark interface rather than a mostly-light interface.

When this meta tag is added, the browser takes the user’s color scheme preferences into consideration when rendering UA-controlled elements of the page (like a<button>). It renders colors for the root background, form controls, and spell-check features (as well as any other UA-controlled styles) based on the user’s preference. It’s cool and trendy (although that’s not a reason alone to do it) It enhances accessibility by supporting users who are sensitive to eye strain in starkly bright themes.

Get the Android app

Or read this on Hacker News

Read more on:

Photo of dark mode

dark mode

Photo of CSS Guide

CSS Guide

Related news:

News photo

Google Calendar for the web finally gets a dark mode

News photo

Google Calendar gets a design refresh, dark mode

News photo

Google Calendar gets a desgin refresh along with dark mode