☰

如何在 Firefox 中反转网页配色方案？

tag-icon • tag-icon firefox browser firefox-extensions web
如何在 Firefox 中反转网页配色方案？

我习惯在黑暗的房间里浏览网页，我更喜欢背景是深色的，文字是浅色的，而不是相反的，后者更常见。我认为这可以通过应用一些自定义 CSS 或 JS 代码来实现，但我不是网页程序员，也不确定如何做到这一点（尤其是如何适用于所有网站）。如果有一个扩展程序可以安装并获得所需的效果，那就更棒了。

有什么建议么？

答案1

在基于WebKit的浏览器中，可以添加以下样式来实现颜色反转：

html { -webkit-filter: invert(); }

在此处输入图片描述

遗憾的是，我们目前正在等待 Firefox 中的实现：https://developer.mozilla.org/en-US/docs/CSS/filter#Browser_compatibility

Firefox 中的等效版本如下所示：

html {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix type=\'matrix\' values=\'-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0\'/></filter></svg>#invert");
}

但结果却不太理想：

在此处输入图片描述

奖金

这是 WebKit 的书签小程序（需要加载 jQuery）：

javascript:$("html").css("-webkit-filter","invert()")

答案2

使用以下 URL 创建书签：

javascript:void(document.getElementsByTagName('html')[0].style.webkitFilter='invert()');

答案3

试试这个……工具>选项>单击内容选项卡，然后单击颜色按钮。现在取消勾选“允许页面等等……”复选框。现在为文本选择白色，为背景选择黑色。希望有帮助。我在 ver24.0 上做到了。

答案4

检查一下添加在如果它对你有用。

它还有一些更好的选择。这里是截图>>>

在此处输入图片描述

相关内容