Cambia lo sfondo bianco nelle pagine web con un altro colore

Attualmente sto usando un tema scuro in Firefox. Sembra davvero bello, ma molte pagine web usano un semplice sfondo bianco. Il contrasto risultante è un po 'spiacevole e a volte fa male all'occhio quando passo da una scheda scura a una scheda bianca.

C'è un modo per far sì che Firefox sostituisca i backgroun bianchi ovunque con qualche altro colore (grigio chiaro, per esempio)? Potrebbe essere uno script Stylish, un hack userChrome.css o qualsiasi cosa funzioni (preferibilmente il più leggero possibile).

Per chiarirmi: dopo aver raggiunto il mio obiettivo, il colore di sfondo ogni volta che visito il sito Superuser dovrebbe essere grigio chiaro anziché bianco, e lo stesso dovrebbe accadere per qualsiasi altro sito con uno sfondo bianco (siti google, tecnologia crunch, ecc. ).

C'è un modo per farlo?

Ho appena scritto un veloce script Greasemonkey che controlla lo stile calcolato bodydell'elemento e lo cambia in nero (probabilmente vuoi scegliere un colore diverso):

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

Il problema con questo tipo di cose è che, a meno che i siti Web non siano progettati in modo ottimale , ci saranno macchie di bianco su nero.

Questa non è una soluzione perfetta, ma puoi farlo ogni volta che visiti i siti in cui vuoi cambiare lo sfondo.

In Firefox inferiore a 38, vai a Tools > Options > Contente fai clic sul Colourspulsante. In Firefox 38 e versioni successive, vai su Edit > Preferences > Contente lì fai clic Colors.

Seleziona il grigio per lo "Sfondo" e deseleziona le caselle di controllo accanto a "Consenti alle pagine di scegliere i propri colori, anziché le mie selezioni sopra" e "Usa i colori di sistema".

Ho aggiornato uno script Greasemonkey (Firefox) per eliminare gli sfondi bianchi.

Gli script funzioneranno in Chrome se installi Tampermonkey.

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

Questo cambia tutti gli sfondi bianchi in grigi (ish) con alcune ombreggiature. È possibile configurare e impostare il proprio colore di base dal codice generico. Vengono anche rese sfumature di bianco.

Ho tre varianti: grigio , rosa e verde , tutte personalizzabili.

Cerca negli script utente noWhiteBackgroundColor .

Ultimamente scopro questo addon per Firefox alla moda . Questo farà quello che vuoi e molto altro!

Il seguente Javascript sovrascriverà gli elementi di sfondo CSS e HTML con il bianco e gli elementi di testo con il nero nella pagina corrente, incollandolo nella posizione o nel campo del browser:

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);
    }
})();

Nella barra di ricerca del browser, digitare about:config.

Nel campo di ricerca, digitare browser.display.background_color.

Fare doppio clic sulla stringa e modificare #FFFFFF(codice esadecimale per il bianco) in #000000(codice esadecimale per il nero) o qualsiasi altro colore desiderato e fare clic OK. Riavvia il browser affinché abbia effetto.

Nella barra dell'URL digitare about: config e accedere a questa impostazione: browser.display.background_color

Maggiori informazioni se ne hai bisogno qui .

Di recente ho sostituito il mio vecchio computer e avevo bisogno di configurare nuovamente Firefox. Una delle cose principali che desideravo ripristinare era una sceneggiatura di Greasemonkey che ha cambiato il colore di sfondo di qualsiasi sito Web.

Ero quindi un po 'seccato di non riuscire a trovare quello che avevo usato prima. Per farla breve: ecco quello del mio vecchio PC.

Questa sceneggiatura non è opera mia

Tutto il merito deve essere assegnato a Howard Smith. Questo è stato originariamente pubblicato su Userscripts.org che ora sembra non essere disponibile.

Basta creare un nuovo script utente in Greasemonkey e incollare quanto segue in:

(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);
})();

Lo uso da quasi due anni e non riesco a pensare a nessun sito Web in cui non sia riuscito a cambiare lo sfondo bianco.

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

Ho trovato questo utile. Ti permette di scegliere il tuo colore su testo e sfondo. Basta premere il tasto di scelta rapida predefinito.

colorific

Lo uso.

Colorare le pagine Web mediante controlli avanzati per tonalità, saturazione, luminosità e opacità. Domini Web in white list per la colorazione automatica (opzionale!).

NOVITÀ: utilizzare il trascinamento della selezione per copiare temi come testo e raggruppare liberamente le proprietà dei colori.

PS: più il tema scuro di Firefox

Fai clic sulla barra con il pulsante sinistro del mouse e personalizza e vedrai un albero verde, mettilo nella barra e fai clic su di esso. I colori cambieranno e puoi ancora creare i tuoi colori nella voce di menu Modifica -> preferenza -> contenuto -> colori.

Disabilita: usa i colori di sistema e consenti le pagine

Anche se non è esattamente quello che stai cercando ... Uso un software associato a un piccolo script in OS X. Il software si chiama Nocturne. La sceneggiatura scopre a che ora sono l'alba e il tramonto nella mia posizione geografica. Quindi attiva Notturno al tramonto e lo spegne all'alba. Non sono specifico di Firefox, lo so, ma è sicuramente bello perché funziona su qualsiasi browser e su molti altri software.

Il componente aggiuntivo http://addons.mozilla.org/en-US/firefox/addon/black-background-white-text ha un metodo diverso per i colori neri. Inverte solo i colori e le immagini di sfondo (l'inversione dei colori non distruggerà il design della pagina come nei metodi CSS o JavaScript). Ti piacerà, ti senti come se fossi nella modalità bianca e non devi installare alcun tema.

Dopo l'installazione, cambia il metodo predefinito da "css semplice" a "inverti" in: menu Strumenti → Componenti aggiuntivi → Sfondo nero e testo bianco → Metodo predefinito per cambiare i colori della pagina → Inverti .

NB: Se hai cambiato anche la modalità Windows in nero, troverai meglio disabilitare la gestione del colore predefinita di Firefox e lasciare che il componente aggiuntivo faccia tutto il lavoro, fai questo: menu Strumenti → Opzioni → Contenuto → Colori → deseleziona "Usa i colori di sistema" e seleziona "Mai" in "Sostituisci i colori specificati dalla pagina con le mie selezioni sopra".

Quindi riavvia Firefox!

Suggerimento: il componente aggiuntivo inserisce un pulsante nella barra per disabilitare o modificare le modalità dal metodo "invert" al metodo "CSS" o "JavaScript".

Ecco il risultato:

Un'altra opzione è quella di usare semplicemente Ring of Topaz per cambiare i colori di sfondo o rimuovere la parte posteriore.

Una volta che vai sul sito, inserisci l'URL del sito Web e scegli una combinazione di colori di sfondo / carattere più leggibile per te.