浏览器适配系统深色模式

prefers-color-scheme CSS 媒体特性用于检测用户是否有将系统的主题色设置为亮色或者暗色。

  if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
     document.querySelectorAll('html')[0].setAttribute('data-theme', 'dark');
  } else {
     document.querySelectorAll('html')[0].setAttribute('data-theme', 'light');
 }

兼容性：