Media queries with javascript mediaMatch

Resize the browser to see the media

prefers-color-scheme will be checked on load, if you want to test by switching mode then you need reload the browser or wrap this inside page-visibility visibilitychange event

prefers-color-scheme: mode