Як інвертувати кольорову схему веб-сторінок у Firefox?

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

Будь-які пропозиції?

У браузерах на основі 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()")

Спробуйте це .. Інструменти> Параметри> Клацніть на вкладці Зміст, потім натисніть кнопку Кольори. Тепер зніміть прапорець "Дозволити сторінки бла-бла ....". Тепер виберіть білий колір для тексту та чорний колір для bacground. Сподіваюся, це допомагає. Я зробив це на ver24.0.

(Редагувати: Щойно зрозумів, що закладка не працює у Firefox, тому що Mozilla вирішила не підтримувати Інвертувати. Але на сторінці є посилання jQuery, яке зробить те саме.) Ви можете використовувати закладку на цій сторінці: http: / /lea.verou.me/2011/04/invert-a-whole-webpage-with-css-only/

Операційна система? У мене є додаток на моєму Mac, Nocturne, воно перетворює кольори по всій дошці. Аналогічно просто натисканню клавіш ctrl-option-cmd-F8. Я не знаю, як це зробити в Windows. Ноктюрн трохи приємніший, оскільки він підфарбовує кольори, не просто перевертає їх, щоб зробити перегляд трохи приємнішим вночі або при слабкому освітленні. Перевагою тут є те, що все, не лише сторінки Firefox, перемикаються, і вам не доведеться повторно застосовувати його щоразу, коли ви завантажуєте нову сторінку.

Перевірте цей додаток, якщо він корисний для вас.

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

Зробіть закладку із такою URL-адресою:

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