DEV Community

Discussion on: Two media queries you should care about

View post

Replies for: I'm wondering how I can query prefers-color-scheme: dark, so that I can use that boolean true/false for other reasons. For instance: themeMode: p...

Collapse
 
httpjunkie profile image
Eric Bishard • • Edited

I'm assuming something like this would work in React using the react-media-hook library:

const themeToUse = useMediaPredicate("(prefers-color-scheme: dark)") ? "dark" : "light";