User prefers light color scheme
Checks if the user color scheme preference is
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
If you want to keep in touch, follow me on GitHub or Twitter.