prefer.js

   1 (function prefstyle() {
   2         docroot = document.documentElement;
   3         if (docroot.className) {
   4                 return;
   5         }
   6         new Map([
   7                 ['s-mono',   '(monochrome)'],
   8                 ['s-dark',   '(prefers-color-scheme: dark)'],
   9                 ['s-circus', '(prefers-contrast: more)'],
  10         ]).forEach((q,c) => {
  11                 if (m = window.matchMedia(q))
  12                         (m.onchange = e => docroot.classList.toggle(c, e.matches))(m);
  13         });
  14 })();