今天调暗黑模式又被CSS变量拯救了!以前要改一堆颜色声明,现在直接改变量就完事儿,像开关灯一样简单。写个:root定义亮色和暗色变量,切换主题只要改几行代码,简直不要太爽!
这种写法维护起来轻松多了,不用到处找颜色值,眼睛也舒服
:root {
--bg-color: #fff;
--text-color: #333;
}
{
--bg-color: #1a1a1a;
--text-color: #e0e0e0;
}
body {
background-color: var(--bg-color);
color: var(--text-color);
}这种写法维护起来轻松多了,不用到处找颜色值,眼睛也舒服
登录/注册