CSS+Javascript 实现暗黑模式

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

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

A-Li
产品体验设计师,坐标北京,目前专注于在可扩展的 B2B 系统中打造以用户为中心的体验。
Beijing