cookie981 发表于 2022-1-23 16:17:59

黑暗模式

本帖最后由 cookie981 于 2022-1-23 16:20 编辑

win10不是有亮和暗模式吗,我想开启暗模式时开启样式文件,开启亮模式时关闭,怎么实现
样式文件有黑暗模式的代码

S8F8ry 发表于 2022-1-23 18:13:08

CSS 里有一个媒体查询提供这样的接口:prefers-color-scheme。可以这样子用:

@media (prefers-color-scheme: dark) {
/*dark style */
}

不过需要注意的是它其实是检测浏览器的主题色,所以百分或 Edge 等需要在外观设置中跟随系统(而 Chrome 由于没有自定义深浅色外观的功能,所以没区别)。
页: [1]
查看完整版本: 黑暗模式