You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何通过CSS/JS修改Vivaldi触发@media (prefers-color-scheme:dark)?

问题:让Vivaldi识别系统深色主题并触发prefers-color-scheme:dark

我在Linux Mint 21.2 Victoria(Xfce)系统上使用Vivaldi浏览器。尽管系统设置了深色主题,但浏览器无法识别,导致网页默认显示浅色模式。我希望通过@media (prefers-color-scheme:dark)查询让网页显示深色模式,不使用扩展或Chromium强制非原生深色模式的参数,请问能否通过Vivaldi的CSS或JS修改功能实现这一需求?

我完全不知道从何入手,只是一名想要优化个人浏览体验的爱好者,此前看到的关于覆盖prefers-color-scheme设置的问题均来自希望在网站添加切换功能的开发者。


2023/08/03 更新

我发现DevTools的Rendering工具里,选择“Enable automatic dark mode”就能把prefers-color-scheme设置为深色,也可以通过“Emulate CSS media feature prefers-color-scheme”达到同样效果。请问能否让这些设置自动应用到所有网页?也欢迎其他无需DevTools的原生Vivaldi修改方案。

2024/10/06 更新

Vivaldi现已支持该功能!前往Vivaldi设置>外观设置>网站外观,选择“深色”作为默认配色方案即可。


内容的提问来源于stack exchange,提问作者Smiley Tiger

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.14 14:35:59