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