利用CSS变量进行黑暗模式切换

2020-04-11
阅读 4 分钟
4.7k
利用CSS变量进行黑暗模式切换 本文以react为例。 用css变量来切换黑暗模式,易于维护和扩展。 css变量的用法: {代码...} 方案一 设置主题对应的CSS变量,切换主题只需切换css属性的变量值。例如:切换APP元素的主题只需切换App的color和background-color对应CSS变量的变量值即可。 {代码...} 那么如何切换:root 下--cur...