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


10

我曾经在一个黑暗的房间里浏览网页,希望背景变暗而文本变浅,而不是相反。我想这可以通过应用一些自定义CSS或JS代码来实现,但它不是Web编码器,并且不确定如何执行此操作(尤其是适用于所有网站)。如果要扩展安装并获得所需的效果,那就更棒了。

有什么建议?


您可能想看看redshift
克里斯蒂安·丘皮图

Answers:


16

在基于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()")

就我而言,网站的边界没有倒置。链接。我想我还需要反转另一个标签,而不仅仅是html。我还应该怎么做才能倒转边界?
Utku '16

2

试试这个..工具>选项>单击目录选项卡,然后单击颜色按钮。现在取消勾选“允许页面等等……”复选框。现在,为文本选择白色,为免费选择黑色。希望能帮助到你。我在ver24.0上完成的。


1

(编辑:只是意识到小书签在Firefox中不起作用,因为Mozilla决定不支持Invert。但是页面上有一个jQuery链接可以执行相同的操作。)您可以在此页面上使用小书签: http:/ /lea.verou.me/2011/04/invert-a-whole-webpage-with-css-only/

操作系统?我的Mac上有一个应用程序Nocturne,它可以全面反转颜色。与仅按ctrl-option-cmd-F8相似。我不知道在Windows上执行此操作的方法。夜曲会稍微好一点,因为它会调整颜色,而不仅仅是反转颜色,使夜晚或在昏暗的灯光下观看效果更好。这样做的好处是,不仅是Firefox页面,所有内容都将被切换,并且您不必在每次加载新页面时都重新应用它。



0

用以下URL制作一个书签:

javascript:void(document.getElementsByTagName('html')[0].style.webkitFilter='invert()');
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.