MaxInterview - eventlistener dark mode

showing results for - "eventlistener dark mode"

1window.matchMedia('(prefers-color-scheme: dark)')
2      .addEventListener('change', event => {
3  if (event.matches) {
4    //dark mode
5  } else {
6    //light mode
7  }
8})

similar questions

react check if browser is in dark mode leaflet dark mode javascript see if chrome is in dark mode javascript detect dark mode react dark mode detect dark mode js if dark mode detect system dark mode

queries leading to this page

dark mode button event listener eventlistener dark mode eventlistener dark mode