2016-11-21 14 views
2

Мне нужна помощь, чтобы найти работу для моего быстрого и грязного темного браузера CSS-фильтра, который работал хорошо, но больше не работает на большинстве страниц Google, на самом деле любой страницы с divs (я использую его как пользовательский стиль). Я никоим образом не программист, просто пользователь, который страдает от сильной мигрени, вызванной миром, и абсолютно нуждается в темных тематических веб-страницах, чтобы сохранить мои глаза, поэтому мои знания CSS, по понятным причинам, ограничены, извините:/Это то, что использовалось для работы:Полноэкранный фильтр с перевернутым освещением для темного тематического просмотра, но сохраняющий оттенки в 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 градусов, чтобы сохранить оттенки то же самое, так что результат был веб-страницы с помощью только его яркости перевернутой (синий все еще синий, оранжевый еще оранжевый и и так далее, только более яркий текст и акценты на более темных фонах). Затем я изменил эффект на изображения и видео, чтобы исключить их из фильтра в конечном результате. Результат выглядел достаточно изящным для меня, и лучше, чем результат большинства темных браузеров. Он работал безупречно, но в последнее время что-то изменилось, и на любой странице с div, на большинстве страниц google, есть большие секции на белом фоне, переплетенные с темными разделами, где фильтр по-прежнему применяется. Я подозреваю, что фильтр применяет дважды на таких участках, тем самым возвращая его в белый цвет.

Благодарим за помощь. Я уверен, что использование селектора html для его применения на всей странице уже не способ сделать это, но я не знаю, как заставить его работать, прошу простить мое невежество и спасибо заранее.

+0

После нанесения раствора на ответ и экспериментировать немного, я заметил, что как-то оттенок поворачивает фильтр оставляет некоторые искажения цвета даже при повороте на 180 градусов в два раза, некоторые цвета отключены, а насыщение на 20% теряется, но недостаточно, чтобы уменьшить его полезность. Этот результат является неожиданным, однако, инвертируя 100% дважды, а оттенок-поворот на 180 градусов в два раза должен дать нам неизменный образ, что может быть артефактом от реализации фильтров, но я не знаю. Просто оставив это наблюдение для справки. –

+0

Для завершения исследования проводится обширное исследование того, почему и как оттенок, вращающийся дважды с помощью фильтра css, обеспечивают субоптимальные результаты, сильно отличающиеся от исходных значений, в этом вопросе: http://stackoverflow.com/questions/19187905/why-doesnt-hue-rotation-by-180deg-and-180deg-yield-the-original-color –

ответ

3

У меня есть неплохие результаты, добавив черный фон в 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;} 
+0

Кажется, что это работает очень хорошо, спасибо, некоторая информация о легкости, вероятно, потеряна, но делает трюк! благодаря –