User prefers light color scheme
JavaScript, Browser · Oct 22, 2020

Checks if the user color scheme preference is light
.
- Use
Window.matchMedia()
with the appropriate media query to check the user color scheme preference.
const prefersLightColorScheme = () =>
window &&
window.matchMedia &&
window.matchMedia('(prefers-color-scheme: light)').matches;
prefersLightColorScheme(); // true
Written by Angelos Chalaris
I'm Angelos Chalaris, a JavaScript software engineer, based in Athens, Greece. The best snippets from my coding adventures are published here to help others learn to code.
If you want to keep in touch, follow me on GitHub.