prefers-color-scheme

Checks whether the user prefers a light or dark theme.

What does prefers-color-scheme do?

prefers-color-scheme checks whether the user has chosen a light or dark theme on their device.

@media (prefers-color-scheme: dark) {
  body { background: #121212; color: #eee; }
}

Level: Journeyman · More CSS terms at this level

Updated