6

我需要帮助来解决我快速而肮脏的黑暗浏览 CSS 过滤器的问题，该过滤器曾经运行良好，但不再适用于大多数谷歌页面，实际上是任何带有 div 的页面（我将其用作用户样式）。我绝不是程序员，只是患有严重的光致偏头痛的用户，并且绝对需要深色主题的网页来拯救我的眼睛，所以我对 CSS 的了解是可以理解的有限，抱歉：/ 这曾经是有效的：

html {filter: invert(100%) hue-rotate(180deg);}
img {filter: invert(100%) hue-rotate(180deg) !important;}
video {filter: invert(100%) hue-rotate(180deg) !important;}

它用于反转页面上的所有颜色，然后将色调向后旋转 180 度以保持色调相同，因此结果是网页的亮度反转（蓝色仍然是蓝色，橙色仍然是橙色等等，只是更亮的文本和深色背景上的口音）。然后我反转了对图像和视频的影响，以在最终结果中将它们从过滤器中排除。结果对我来说看起来足够优雅，并且比大多数暗浏览 chrome 扩展的结果要好。它曾经完美无瑕地工作，但最近发生了一些变化，任何带有 div 的页面，包括大多数谷歌页面，都有很大的白色背景部分与过滤器仍然适用的黑暗部分交织在一起。我怀疑过滤器在这些部分应用了两次，从而将其恢复为白色。

非常感谢您的帮助。我很确定使用 html 选择器将其应用于整个页面不再是这样做的方法，但我对如何使其工作一无所知，请原谅我的无知并提前感谢。

4

1 回答 1

8

html为元素添加黑色背景时，我得到了很好的结果：

html {filter: invert(100%) hue-rotate(180deg);background:black}
img {filter: invert(100%) hue-rotate(180deg) !important;}
video {filter: invert(100%) hue-rotate(180deg) !important;}
于 2016-11-21T16:47:53.737 回答