prefersDarkColorScheme javascript Code Snippet in 2025
browserintermediate
Last Updated: 2 December 2025
Checks if the user color scheme preference is dark.
- Use
Window.matchMedia()with the appropriate media query to check the user color scheme preference.
const prefersDarkColorScheme = () =>
window &&
window.matchMedia &&
window.matchMedia('(prefers-color-scheme: dark)').matches;prefersDarkColorScheme(); // truejavascript snippet similar to prefersDarkColorScheme For You in December 2025
Subscribe to our Newsletter
Subscribe to get resources directly to your inbox. You won't receive any spam! ✌️