首页
学习
活动
专区
工具
TVP
发布

几行代码,给自己的网站安排暗黑模式!

然后是文章详情页,可以看到效果还是不错的 博客详情页 下面,让我们一起来学习一下,如何通过几行代码,给自己的网站安排上暗黑模式 首先,在网站的 全局 CSS 样式文件中,新增下面两个样式 html[data-theme...=dark]{ filter: invert(1) hue-rotate(180deg); } html[data-theme=dark] img{ filter: invert(0.85) hue-rotate...当我们点击切换的时候, data-theme 的也会随着切换。 当切换成 dark 的时候,下面的 CSS 的 属性选择器 就会被激活,从而将网站的颜色进行反转。...html[data-theme=dark]{ filter: invert(1) hue-rotate(180deg); } html[data-theme=dark] img{ filter: invert...', 'dark') } else { this.darkModel = 0 window.document.documentElement.setAttribute('data-theme

81520
您找到你想要的搜索结果了吗?
是的
没有找到

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券