DEV Community

Discussion on: 🌙 How I set Dark Mode for Gatsby website

Collapse
 
skazko profile image
skazko

Thanks for great post.
It seems to me there's a typo, and need to swap modes:

...
darkQuery.addListener(e => {
  window.__setPreferredTheme(e.matches ? 'dark' : 'light')
})

setTheme(preferredTheme || (darkQuery.matches ? 'dark' : 'light'))

Also check your website too.