首页 > 其他 > 详细

前端实现页面换肤功能

时间:2021-09-05 23:23:36      阅读:17      评论:0      收藏:0      [点我收藏+]
/**
项目背景切换设计;默认明亮模式,如果需要切换到暗黑模式只需要在设置<body mode="dark"></body>
*定义根dom body下的css变量
*/

// 明亮模式颜色设置
body {
--font-color: #fff;
}
页面中通过var(--font-color)可引入
 
//暗黑模式颜色设置,
body[mode="dark"] {
--font-color: #000;
}

前端实现页面换肤功能

原文:https://www.cnblogs.com/zerofan/p/15226921.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!