color-scheme 主题颜色

使用 color-scheme 属性只有 4个

color-scheme: normal;
color-scheme: light;
color-scheme: dark;
color-scheme: light dark; // 跟随系统切换

例子： 两套主题，class一套。 data-theme 一套，两个都可以单独切换单独使用

使用js切换主题颜色

// class的主题
document.documentElement.setAttribute("class", "dark");

// data-theme的主题 
document.documentElement.setAttribute('data-theme', 'dark')

// 当然也可以根据本地缓存来修改默认值 如 
if (localStorage.getItem('upDownColor') === 'dark') {
  document.documentElement.setAttribute('data-theme', 'dark');
}

黑白之下红绿交替