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

Question

我过去常常在黑暗的房间里浏览网页，我更喜欢背景是暗的，文本是亮的，而不是更常见的相反的情况。我想这可以通过应用一些自定义 CSS 或 JS 代码来实现，但我不是网络编码员，并且不确定如何做到这一点（尤其是适用于所有网站）。如果可以安装一个扩展并获得所需的效果，那就更棒了。

有什么建议？

Answer 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()")

Answer 2

使用以下 URL 创建一个书签：

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