# 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.

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

Level: Journeyman · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/journeyman)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/prefers-color-scheme