☰

将网页中的白色背景更改为其他颜色

tag-icon • tag-icon firefox colors
将网页中的白色背景更改为其他颜色

我目前在 Firefox 中使用深色主题。它看起来确实不错，但许多网页使用纯白色背景。当我从深色标签切换到白色标签时，产生的对比度有点不愉快，有时会刺眼。

有没有办法让 Firefox 将所有白色背景替换为其他颜色（例如浅灰色）？它可以是 Stylish 脚本、userChrome.css hack 或任何有用的方法（最好尽可能浅）。

为了使自己清楚：在我实现我的目标之后，每当我访问超级用户网站时，背景颜色应该是浅灰色而不是白色，并且对于任何其他具有白色背景的网站（谷歌网站，tech crunch等）也应该发生同样的情况。

有没有办法做到这一点？

答案1

我刚刚写了一个简短的油脂猴检查元素的计算样式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;");
    }
})();

这类事情的问题在于，除非网站设计得极其那么，黑色上就会出现白色斑点。

答案2

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

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

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

替代文本

答案3

我已经更新了 Greasemonkey（Firefox）脚本来抑制白色背景。

如果您安装了 Tampermonkey，脚本将在 Chrome 中运行。

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

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

我有三种变体：灰色的，粉色的， 和绿色的- 所有这些都可以定制。

在用户脚本中搜索无白色背景颜色。

答案4

我最近发现了这个 Firefox 插件时髦的. 这将满足您的要求，甚至更多！

相关内容