Змініть білий фон на веб-сторінках на інший колір

Зараз я використовую темну тему в Firefox. Це виглядає дійсно приємно, але багато веб-сторінок використовують звичайний білий фон. Отриманий контраст трохи неприємний і іноді болить око при переході з темної вкладки на білу.

Чи є спосіб змусити Firefox скрізь замінити білі фони якимись іншими кольорами (наприклад, світло-сірим)? Це може бути стильний скрипт, хакер userChrome.css або все, що працює (бажано, наскільки це можливо легше).

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

Чи є спосіб це зробити?

Я щойно написав швидкий скрипт 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.

Виберіть сірий колір для "Фон" та зніміть прапорці біля "Дозволити сторінкам вибирати свої кольори замість моїх вибраних вище" та "Використовувати кольори системи".

Я оновив сценарій Greasemonkey (Firefox), щоб придушити білий фон.

Сценарії працюватимуть у Chrome, якщо встановити Tampermonkey.

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

Це змінює всі білі фони на сірі (ish) з деяким затіненням. Ви можете налаштувати та встановити власний базовий колір із загального коду. Відтінки білого кольору також надані.

У мене є три варіанти: сірий , рожевий і зелений - все це можна налаштувати.

Шукайте у користувацьких скриптах для 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);
    }
})();

На панелі пошуку браузера введіть about:config.

У полі пошуку введіть browser.display.background_color.

Двічі клацніть по рядку і змініть #FFFFFF(шістнадцятковий код для білого) на #000000(шістнадцятковий код для чорного) або будь-який інший колір, який ви бажаєте, і натисніть OK. Перезапустіть браузер, щоб він набув чинності.

У рядку URL-адреси введіть about: config та перейдіть до цього параметра: browser.display.background_color

Більше інформації, якщо вам це потрібно тут .

Нещодавно я замінив свій старий комп'ютер і мені потрібно було знову налаштувати Firefox. Однією з головних речей, які я хотів відновити, був сценарій Greasemonkey, який змінив колір фону будь-якого веб-сайту.

Тому мене трохи роздратувало, що я не можу знайти того, яким я користувався раніше. Довга коротка історія - ось ця зі мого старого ПК.

Цей сценарій - це не моя власна робота

Вся кредита повинна бути надана Говарду Сміту. Це було спочатку розміщено на Userscripts.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 hexadecimal 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);
})();

Я використовую це майже два роки і не можу придумати жодних веб-сайтів, які б не змогли змінити білий фон.

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

Я вважаю цей корисним. Це дозволяє вибрати власний колір тексту та фону. Просто натисніть попередньо визначений гарячий ключ.

Кольоровий

Я цим користуюся.

Розфарбуйте веб-сторінки за допомогою вдосконалених елементів контролю за відтінком, насиченістю, легкістю та непрозорістю. Веб-домени з білим списком для автоматичного забарвлення (необов’язково!).

НОВО: Використовуйте перетягування, щоб скопіювати теми як текст та вільно групувати властивості кольорів.

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

Клацніть на панелі лівою кнопкою миші та налаштуйте, і ви побачите зелене дерево, покладіть його в бар і натисніть на нього. Кольори змінюватимуться, і ви все одно можете створити свої власні кольори в пункті меню Правка -> налаштування -> вміст -> кольори.

Вимкнути: використовувати кольори системи та дозволити сторінки

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

Додаток http://addons.mozilla.org/en-US/firefox/addon/black-background-white-text має інший метод для чорних кольорів. Він інвертує лише кольори та фонові зображення (інвертування кольорів не руйнує дизайн сторінки, як у методах CSS або JavaScript). Вам сподобається, ви відчуваєте, що перебуваєте в білому режимі, і вам не потрібно встановлювати жодну тему.

Після установки змініть метод за замовчуванням з "простого css" на "інвертувати" в: меню Інструменти → Додатки → Чорний фон і білий текст → Метод за замовчуванням зміни кольорів сторінки → Інвертувати .

Примітка: Якщо ви також змінили режим Windows на чорний, тоді вам буде краще відключити керування кольором Firefox за замовчуванням і дозволити додатку виконувати всю роботу. Зробіть це: меню Інструменти → Опції → Зміст → Кольори → зніміть прапорець "Використовуйте системні кольори" та виберіть "Ніколи" у "Переміняти кольори, визначені сторінкою, моїми виборами вище".

Потім перезапустіть Firefox!

Порада. Додаток поставить кнопку у вашому рядку, щоб відключити або змінити режими з методу "інвертувати" на метод "CSS" або "JavaScript".

Ось результат:

Інший варіант - просто використовувати Ring of Topaz для зміни кольорів фону або видалення спинки.

Зайшовши на сайт, введіть URL-адресу веб-сайту та виберіть комбінацію кольорів тла / шрифту, зручнішу для вас.