CSS+Javascript 实现暗黑模式

学习的过程中尝试自己去写模版切换的功能,发现写完以后对设计系统颜色的定义理解更深入了。

这里用的方法主要是通过定义 --example 的颜色变亮,以及 .dark 的方式实现页面的两套配色。最后通过 javascript 监听 botton 的点击事件替换css的变亮到 .dark 定义的内容。