记得抬头微笑

使用CSS变量实现切换主题什么是 CSS 变量具体实现主要逻辑light 文件drak 文件使用变量效果参考drak 模式light 模式什么是 CSS 变量在 CSS 中，在整个代码中重复使用单一颜色或文本大小是很普遍的，这意味着在整个文档中多次重复使用相同的颜色或文本大小。 使用 CSS 变量，可以将颜色或文本大小值分配给变量，并在多个位置使用。 与使用传统 CSS 值相比，这使更改值更容易并且更方便。如果不懂 CSS 变量 的话可以去看 这篇文章 CSS 变量具体实现创建两个保存不同

CSS变量的使用CSS变量描述CSS变量的声明CSS变量的使用CSS变量的修改CSS变量描述复杂的网站都会有大量的 CSS 代码，通常也会有许多重复的值。举个例子，同样一个颜色值可能在成千上百个地方被使用到，如果这个值发生了变化，需要全局搜索并且一个一个替换（很麻烦～）。自定义属性在某个地方存储一个值，然后在其他许多地方引用它。CSS变量的声明CSS 变量的声明一般都是在根元素上面声明，确保根元素下的所有元素都可以访问到这个CSS 的自定义属性。这里根元素使用 :root 来表示，也可以在其他

CSS的样式隔离