10

Я пользуюсь для просмотра веб-страниц в темной комнате и предпочитаю, чтобы фон был темным, а текст - светлым, а не наоборот, что встречается гораздо чаще. Я полагаю, что это может быть достигнуто с помощью некоторого пользовательского кода CSS или JS, но я не являюсь веб-кодером и не уверен в том, как это сделать (особенно для применения ко всем веб-сайтам). Еще более удивительным было бы, если бы существовало расширение для установки и получения только необходимого эффекта.

Какие-либо предложения?

5 ответов5

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

Проверьте это дополнение, если оно полезно для вас.

У него есть еще несколько хороших вариантов. вот скриншот >>>

0

Создайте букмарклет со следующим URL:

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

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .