A demonstration of how you can use the @assortment/darkmodejs npm package to theme your website based on a user's Operating System theme, thanks to the matchMedia API and prefers-color-scheme media queries.

This example has been created with Emotion and the emotion-theming package. You can view the code for this on Github, or look at the darkmodejs package with the links below:

NPM: @assortment/darkmodejs  Star

Click here to try out removing the listeners

Current theme: "light"