将网页中的白色背景更改为另一种颜色

Mal*_*rba 48 firefox colors

我目前在 Firefox 中使用深色主题。它看起来很不错,但许多网页使用纯白色背景。当我从深色标签切换到白色标签时,产生的对比度有点令人不快,有时会伤害眼睛。

有没有办法让 Firefox 用其他颜色(例如浅灰色)替换无处不在的白色背景?它可以是一个 Stylish 脚本、一个 userChrome.css hack 或任何有效的东西(最好尽可能轻巧)。

明确地说:在我实现目标后,每当我访问超级用户站点时,背景颜色都应该是浅灰色而不是白色,任何其他具有白色背景的站点(谷歌站点、技术紧缩等)也应该如此)。

有没有办法做到这一点?

Hel*_*o71 21

我刚刚编写了一个快速的Greasemonkey脚本,用于检查body元素的计算样式并将其更改为黑色(您可能想要选择不同的颜色):

(function () {
    if (window.getComputedStyle(document.body, null).getPropertyValue("background-color") == "rgb(255, 255, 255)") {
        console.log("Setting new background color...");
        document.body.setAttribute("style", "background-color: #000000;");
    }
})();
Run Code Online (Sandbox Code Playgroud)

这些类型的问题是,除非网站设计得非常好,否则黑色上会出现白色斑点。

  • 原谅我的无知,但是我该把这个脚本粘贴到哪里呢?(谢谢麻烦) (4认同)

Meh*_*lar 15

这不是一个完美的解决方案,但您可以在访问要更改背景的网站时执行此操作。

在 Firefox 38 以下,转到Tools > Options > Content并单击Colours按钮。在 Firefox 38 及更高版本中,转到Edit > Preferences > Content并单击Colors

为“背景”选择灰色,并清除“允许页面选择自己的颜色,而不是我上面的选择”和“使用系统颜色”附近的复选框。

替代文字

  • @布鲁斯康纳:是的。另一方面,在可能的情况下,如果您更改 bg 颜色,您也必须更改 fg 颜色,以获得合理的对比度。因此,在实践中必须更改文本颜色可能不是一个大缺点。 (2认同)
  • 如果你像这里描述的那样使用 Firefox 选项,建议使用像“无颜色”这样的插件来快速打开/关闭它(因为改变颜色会导致许多站点上的各种错误)。或者,使用 Pentadactyl 插件能够将任何操作分配给任何键(包括任何 Firefox 选项切换)。 (2认同)

小智 11

我已经更新了一个 Greasemonkey (Firefox) 脚本来抑制白色背景。

如果您安装 Tampermonkey,这些脚本将在 Chrome 中运行。

http://userscripts-mirror.org/scripts/show/142763

这会将所有白色背景更改为带有一些阴影的灰色(ish)。您可以从通用代码中配置和设置您自己的基色。白色阴影也被渲染。

我有三个变体:GrayPinkGreen - 所有这些都可以定制。

在用户脚本中搜索noWhiteBackgroundColor


小智 5

在浏览器搜索栏中,键入about:config

在搜索字段中,键入browser.display.background_color

双击字符串并将#FFFFFF(白色的十六进制代码)更改为#000000(黑色的十六进制代码)或您希望的任何其他颜色,然后单击OK。重启浏览器使其生效。