那个让我重新认识CSS变量的深夜2018年，我负责一个后台管理系统的主题定制功能。需求很简单：用户可以点击“深色模式”开关，页面主题在深色和浅色之间切换。那时候我用的还是“覆盖类名”的方式——准备两套CSS，一套.theme-light，一套.theme-dark，然后通过JS切换根元素的类。两套样式加起来快三千行，改一个按钮的圆角，就要在两个类里分别改。代码重复高、体积大、维护起来像在拆炸弹。后来有一晚上我加班到凌晨，无意间刷到一篇关于CSS变量的文章。作者举了一个例子：:root{--bg-color:white;--text-color:black;}