主题

care-ui默认使用浅色主题，内置深浅两种主题色；若要使用深色主题，无需额外引入文件，只需根据需要进行配置即可；

主题设置

// 设置暗色模式
document.documentElement.setAttribute('theme-mode', 'dark');
// 重置为浅色模式
document.documentElement.removeAttribute('theme-mode');

实现原理

通过设置自定义属性theme-mode的值来切换浅色和深色两种 design token。默认情况下或者设置theme-mode = light，design token为浅色色板；设置theme-mode = dark, design token 则切换为深色色板。