Detect user system color scheme with window.matchMedia API
use-color-scheme returns color scheme value i.e. either
Your system color scheme is light
Hook uses use-media-query hook under the hood.
Hook relies on
and will always return
light if the api is not available (e.g. during server side rendering) unless initial value is provided in first argument.