prefersLightColorScheme javascript Code Snippet in 2025
browserintermediate
Last Updated: 14 November 2025
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(); // truejavascript snippet similar to prefersLightColorScheme For You in November 2025
Subscribe to our Newsletter
Subscribe to get resources directly to your inbox. You won't receive any spam! ✌️