在 Firefox 67 中,可以使用媒体查询来检测用户对浅色或深色主题的偏好。 https://davidwalsh.name/demo/prefers-color-scheme.php
在我的 Firefox 版本(在 Ubuntu 下)中,我似乎更喜欢浅色主题。也就是说,下面的 CSS 给出了蓝色背景:
@media (prefers-color-scheme: light) {
:root {}
body {
background-color: blue;
}
}
我如何更改我的 Firefox 偏好设置,以便prefers-color-scheme: dark
评估为真?
我发现一个插件似乎可以解决这个问题,但我一定是我自己的 CSS 出了问题,因为它在我的页面上不起作用。黑暗网站强制者 https://davidwalsh.name/demo/prefers-color-scheme.php
从 Firefox 87 开始,有待测试的功能prefers-color-scheme
devtools 中默认启用,无需设置配置标志。您可以在检查器选项卡中找到它:
- 选择太阳按钮模拟光照模式;
- 选择月亮按钮模拟黑暗模式;
- 如果未选择任何按钮,则将照常使用您的操作系统默认值。
在某些旧版本的 Firefox 中,此功能存在于标志后面。要测试这些版本之一,您可以通过以下方式启用此功能:about:config
,并设置devtools.inspector.color-scheme-simulation.enabled
财产给true
。完成后,您将在与现代开发工具相同的位置找到它的控件,但作为单个画笔图标而不是今天的太阳/月亮切换按钮。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)