18 lines
437 B
Markdown
18 lines
437 B
Markdown
---
|
|
title: prefersDarkColorScheme
|
|
tags: browser,intermediate
|
|
---
|
|
|
|
Returns `true` if the user color scheme preference is `dark`, `false` otherwise.
|
|
|
|
- Use `window.matchMedia()` with the appropriate media query to check the user color scheme preference.
|
|
|
|
```js
|
|
const prefersDarkColorScheme = () =>
|
|
window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
```
|
|
|
|
```js
|
|
prefersDarkColorScheme(); // true
|
|
```
|