Измените белый фон на веб-страницах на другой цвет

В настоящее время я использую темную тему в Firefox. Это выглядит очень хорошо, но многие веб-страницы используют простой белый фон. Получающийся контраст немного неприятен и иногда болит глаз, когда я переключаюсь с темной вкладки на белую вкладку.

Есть ли способ заставить firefox заменить белые backgrouns повсюду другим цветом (например, светло-серый)? Это может быть стильный скрипт, взлома userChrome.css или что-нибудь, что работает (желательно как можно лучше).

Чтобы я убедился: после достижения моей цели цвет фона при каждом посещении сайта суперпользователя должен быть светло-серым, а не белым, и то же самое должно происходить с любым другим сайтом с белым фоном (сайты google, технический хруст и т. Д. ).

Есть ли способ сделать это?

14 Solutions collect form web for “Измените белый фон на веб-страницах на другой цвет”

Я просто написал быстрый скрипт Greasemonkey, который проверяет вычисленный стиль элемента body и меняет его на черный (вы, вероятно, хотите выбрать другой цвет):

 (function () { if (window.getComputedStyle(document.body, null).getPropertyValue("background-color") == "rgb(255, 255, 255)") { console.log("Setting new background color..."); document.body.setAttribute("style", "background-color: #000000;"); } })(); 

Проблема с этими вещами заключается в том, что, если веб-сайты не разработаны очень хорошо, на черном будут пятна белого цвета.

Это не идеальное решение, но вы можете делать это каждый раз, когда вы посещаете сайты, которые хотите изменить фон.

В Firefox ниже 38 перейдите в Tools > Options > Content и нажмите кнопку « Colours . В Firefox 38 и выше перейдите в Edit > Preferences > Content и нажмите « Colors .

Выберите «серый» для «Фон» и снимите флажки рядом с «Разрешить страницам выбирать свои собственные цвета вместо выбранных выше» и «Использовать системные цвета».

Alt text

Я обновил сценарий Greasemonkey (firefox), чтобы подавить белые фоны.

Скрипты будут работать в хроме, если вы установите Tampermonkey

http://userscripts-mirror.org/scripts/show/142763

Это изменяет все белые фоны на серый (иш) с некоторым затенением. Вы можете настроить и установить свой собственный базовый цвет из общего кода. Также выделяются белые оттенки.

У меня есть 3 варианта: серый , розовый и зеленый – все это можно настроить

Поиск в пользовательских скриптах для noWhiteBackgroundColor

В последнее время я открываю этот Firefox- стильный стильный . Это сделает то, что вы хотите, и многое другое!

Следующий Javascript переопределит фоновые элементы CSS и HTML с белыми и текстовыми элементами с черным на текущей странице, просто вставьте его в свое местоположение или в поле браузера:

 javascript:(function(){ var newSS,styles='* {background-color:black !important;color:white !important} :link,:link *{color:#99C0EB !important} :visited,:visited *{color:#C398EB !important}'; if(document.createStyleSheet){ document.createStyleSheet("javascript:'"+styles+"'"); }else{ newSS=document.createElement('link'); newSS.rel='stylesheet'; newSS.href='data:text/css,'+escape(styles); document.getElementsByTagName("head")[0].appendChild(newSS); } })(); 

Надеюсь, кто-то найдет это полезным.
Недавно я заменил свой старый компьютер и вам нужно было снова настроить Firefox. Одна из основных вещей, которые я хотел восстановить, – это сценарий Greasemonkey, который изменил цвет фона любого веб-сайта.

Поэтому меня немного раздражало, что я не мог найти тот, который я использовал раньше. Короче говоря, вот один из моих старых ПК.

Этот сценарий не является моей собственной работой
Весь кредит должен идти к Говарду Смиту. Это было первоначально опубликовано на Usercripts.org, который теперь кажется недоступным.

Просто создайте новый скрипт пользователя в Greasemonkey и вставьте следующее в:

 (function () { function noWhiteBackgroundColor() { function changeBackgroundColor(x) { // auto change colors too close to white var backgroundColorRGB=window.getComputedStyle(x,null).backgroundColor; // get background-color if(backgroundColorRGB!="transparent") { // convert hex color to rgb color to compare var RGBValuesArray = backgroundColorRGB.match(/\d+/g); //get rgb values var red = RGBValuesArray[0]; var green = RGBValuesArray[1]; var blue = RGBValuesArray[2]; // ============================================================================ // Set the base colors you require: // use: http://www.colorpicker.com // to find the rgb values of the base colour you wish to suppress white backgrounds with: // Default gray provided: // ============================================================================ var red_needed = 220; var green_needed = 220; var blue_needed = 255; if (red>=220&&green>=220&&blue>=220) { // white range detection if (red>=250&&red<=255&&green>=250&&green<=255&&blue>=250&&blue<=255) { red_needed += 0; green_needed += 0; } else if (red>=240&&red<=255&&green>=240&&green<=255&&blue>=240&&blue<=255) { red_needed += 6; green_needed += 3; } else if (red>=230&&red<=255&&green>=230&&green<=255&&blue>=230&&blue<=255) { red_needed += 10; green_needed += 5; } else if (red>=220&&red<=255&&green>=220&&green<=255&&blue>=220&&blue<=255) { red_needed += 14; green_needed += 7; } x.style.backgroundColor="rgb( " +red_needed+ ", " +green_needed+ ", " +blue_needed+ ")"; // the background-color you want } } } var allElements=document.getElementsByTagName("*"); // get all elements on a page for(var i=0; i<allElements.length; i++) { changeBackgroundColor(allElements[i]);} } window.addEventListener("DOMContentLoaded",noWhiteBackgroundColor, false); })() ; 

Я использую это в течение почти двух лет и не могу думать о каких-либо веб-сайтах, которые он не смог изменить на белом фоне.

В строке URL-адреса about about: config и перейдите к этому параметру: browser.display.background_color

Больше информации, если вам это нужно здесь .

https://addons.mozilla.org/en-US/firefox/addon/blank-your-monitor-easy-readin/

Я нашел это полезным. Он позволяет выбрать собственный цвет текста и фона. Просто нажмите «горячую клавишу» заранее.

В строке поиска браузера введите about:config

В поле поиска введите browser.display.background_color

Дважды щелкните по строке и измените #ffffff (HEX для белого) на #000000 (HEX для черных) или любой другой цвет, который вы хотите, и нажмите OK. Перезапустите браузер, чтобы он вступил в силу.

цветистый

https://addons.mozilla.org/en-US/firefox/addon/colorific-1/

Я использую это.

Раскрашивайте веб-страницы с помощью расширенных элементов управления для оттенка, насыщенности, легкости и непрозрачности. Веб-домены White-list для автоматической раскраски (необязательно!). NEW: используйте перетаскивание, чтобы копировать темы в виде текста и свободно группировать цветовые свойства.

PS: плюс темная тема Firefox

Нажмите на панель левой кнопкой мыши и настройте, и вы увидите зеленое дерево, поместите его в панель и нажмите на него. Цвета будут меняться, и вы можете создавать собственные цвета в меню «Редактировать -> предпочтение -> контент -> цвет».

Отключить: использовать системные цвета и разрешать страницы

Хотя не совсем то, что вам нужно … Я использую часть программного обеспечения в сочетании с небольшим скриптом в OS X. Программное обеспечение называется Nocturne. Сценарий узнает, в какое время восход и закат в моем географическом месте. Затем он активирует Ноктюрн на закате и отключает его при восходе солнца. Не определен для Firefox, я знаю, но он уверен, хорошо, поскольку он работает в любом браузере и большинстве других программ.

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

http://addons.mozilla.org/en-US/firefox/addon/black-background-white-text

После установки измените метод по умолчанию с «простой css» на «инвертировать» в:
Инструменты> Дополнения> Черный фон и белый текст> Метод по умолчанию для изменения цветов страниц> Инвертировать.

NB: Если вы также изменили режим Windows на черный, тогда вам будет лучше отключить управление цветом по умолчанию Firefox и позволить надстройке выполнять всю работу, сделайте следующее: Инструменты> Параметры> Содержание> Цвета> снимите флажок «Использовать Системных цветов "и выберите« Никогда »в« Переопределить цвета, указанные на странице, с моими выборами выше ». Затем перезагрузите Firefox!

Совет. Надстройка помещает кнопку в вашу панель, чтобы отключить или изменить режимы от метода «инвертировать» до метода «css» или «javascript».

Вот результат:

BlackFirefox

Другой вариант – вы можете просто использовать Ring of Topaz для изменения цветов фона или удаления спины. После того, как вы перейдете на сайт, введите URL-адрес веб-сайта и выберите комбинацию цветов фона / шрифта, которая более читаема для вас

  • Firefox в Ubuntu: как автоматизировать базовый диалог подтверждения пароля аутентификации
  • Firefox 3.6 - Панель навигации - Язык поиска Google
  • Firefox: запретить веб-сайтам отменять ключ / (косая черта)
  • Как предотвратить захват / захват нажатия клавиш веб-сайтами в Firefox?
  • Как я могу выборочно отключить блокаторы пасты
  • Расширение Firefox для сохранения вкладок?
  • Как заблокировать все элементы / контент Facebook
  • Можно ли преобразовать существующую установку Firefox в ESR без переустановки?
  • Есть ли «about: config» (Firefox) в Chrome от Google?
  • Программное обеспечение для скриншотов и захвата экрана / плагин для Windows 7
  • Сделать Firefox автоматически задавать уровень масштабирования для новых веб-страниц
  • Как настроить разрешение экрана, сообщаемое в приложение JavaScript веб-браузером?
  • Давайте будем гением компьютера.