CSS+Javascript 实现暗黑模式

学习的过程中尝试自己去写模版切换的功能，发现写完以后对设计系统颜色的定义理解更深入了。 这里用的方法主要是通过定义 --example 的颜色变亮，以及 .dark 的方式实现页面的两套配色。最后通过 javascript 监听 botton 的点击事件替换css的变亮到 .dark 定义的内容。 body { --accent-color:#4E6E0C; --accent-color-hovered:#415C0A; --background-color:#F0FBD...