找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 1484|回复: 1

黑暗模式

[复制链接]

7

主题

11

回帖

137

积分

注册会员

积分
137
发表于 2022-1-23 16:17:59 | 显示全部楼层 |阅读模式
本帖最后由 cookie981 于 2022-1-23 16:20 编辑

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

使用道具 举报

8

主题

7470

回帖

2万

积分

超级版主

(^^ゞ

积分
21067
发表于 2022-1-23 18:13:08 | 显示全部楼层
CSS 里有一个媒体查询提供这样的接口:prefers-color-scheme。可以这样子用:

  1. @media (prefers-color-scheme: dark) {
  2.   /*dark style */
  3. }
复制代码


不过需要注意的是它其实是检测浏览器的主题色,所以百分或 Edge 等需要在外观设置中跟随系统(而 Chrome 由于没有自定义深浅色外观的功能,所以没区别)。
¯\(°_o)/¯
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|百分浏览器论坛

GMT+8, 2024-11-22 06:27 , Processed in 0.017243 second(s), 18 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表