Ändern Sie den weißen Hintergrund in Webseiten in eine andere Farbe

Ich verwende derzeit ein dunkles Thema in Firefox. Es sieht wirklich gut aus, aber viele Webseiten verwenden einen einfachen weißen Hintergrund. Der resultierende Kontrast ist etwas unangenehm und schmerzt manchmal das Auge, wenn ich von einem dunklen zu einem weißen Tab wechsle.

Gibt es eine Möglichkeit, Firefox dazu zu bringen, weiße Backgrouns überall durch eine andere Farbe zu ersetzen (z. B. hellgrau)? Es kann sich um ein stilvolles Skript, einen userChrome.css-Hack oder um alles handeln, was funktioniert (vorzugsweise so leicht wie möglich).

Um mich klar zu machen: Nachdem ich mein Ziel erreicht habe, sollte die Hintergrundfarbe bei jedem Besuch der Superuser - Site hellgrau statt weiß sein, und dies sollte auch bei jeder anderen Site mit weißem Hintergrund (Google Sites, Tech Crunch usw.) ).

Gibt es eine Möglichkeit, das zu tun?

Ich habe gerade ein schnelles Greasemonkey- Skript geschrieben, das den berechneten Stil des bodyElements überprüft und in Schwarz ändert (wahrscheinlich möchten Sie eine andere Farbe wählen):

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

Das Problem bei dieser Art von Dingen ist, dass es, wenn Websites nicht sehr gut gestaltet sind, weiße Flecken auf schwarz geben wird.

Dies ist keine perfekte Lösung, aber Sie können dies tun, wenn Sie die Sites besuchen, deren Hintergrund Sie ändern möchten.

In Firefox unter 38 gehen Sie zu Tools > Options > Contentund klicken Sie auf die ColoursSchaltfläche. Gehen Sie in Firefox 38 und höher zu Edit > Preferences > Contentund klicken Sie dort auf Colors.

Wählen Sie Grau für den "Hintergrund" aus und deaktivieren Sie die Kontrollkästchen neben "Seiten können anstelle meiner obigen Auswahl ihre eigenen Farben auswählen" und "Systemfarben verwenden".

Ich habe ein Greasemonkey-Skript (Firefox) aktualisiert, um weiße Hintergründe zu unterdrücken.

Die Skripte funktionieren in Chrome, wenn Sie Tampermonkey installieren.

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

Dies ändert alle weißen Hintergründe in grau (ish) mit etwas Schattierung. Sie können Ihre eigene Grundfarbe aus dem generischen Code konfigurieren und festlegen. Weißtöne werden ebenfalls gerendert.

Ich habe drei Varianten: Grau , Rosa und Grün - alle können angepasst werden.

Suchen Sie in Benutzerskripten nach noWhiteBackgroundColor .

Ich entdecke in letzter Zeit dieses Firefox-Addon Stylish . Dies wird tun, was Sie wollen und vieles mehr!

Das folgende Javascript überschreibt die CSS- und HTML-Hintergrundelemente mit Weiß und die Textelemente mit Schwarz auf der aktuellen Seite. Fügen Sie sie einfach in Ihr Standort- oder Browserfeld ein:

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

Geben Sie in der Browser-Suchleiste Folgendes ein about:config.

Geben Sie im Suchfeld Folgendes ein browser.display.background_color.

Doppelklicken Sie auf die Zeichenfolge und ändern Sie #FFFFFF(Hexadezimalcode für Weiß) in #000000(Hexadezimalcode für Schwarz) oder eine andere gewünschte Farbe, und klicken Sie auf OK. Starten Sie den Browser neu, damit er wirksam wird.

Geben Sie in der URL-Leiste about: config ein und navigieren Sie zu dieser Einstellung: browser.display.background_color

Mehr Infos, wenn Sie es hier brauchen .

Ich habe kürzlich meinen alten Computer ausgetauscht und musste Firefox erneut einrichten. Eines der wichtigsten Dinge, die ich wiederherstellen wollte, war ein Greasemonkey-Skript, das die Hintergrundfarbe einer Website änderte.

Ich ärgerte mich deshalb ein wenig, dass ich die, die ich zuvor benutzt hatte, nicht finden konnte. Lange Rede kurzer Sinn - hier ist der von meinem alten PC.

Dieses Skript ist nicht meine eigene Arbeit

Alle Kredite müssen an Howard Smith gehen. Diese wurde ursprünglich auf Userscripts.org gepostet und scheint nun nicht mehr verfügbar zu sein.

Erstellen Sie einfach ein neues Benutzerskript in Greasemonkey und fügen Sie Folgendes ein:

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

Ich benutze dies seit fast zwei Jahren und kann mir keine Websites vorstellen, bei denen es nicht gelungen ist, den weißen Hintergrund zu ändern.

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

Ich fand das nützlich. Hier können Sie Ihre eigene Farbe für Text und Hintergrund auswählen. Drücken Sie einfach den vordefinierten Hotkey.

Colorific

Ich benutze es.

Färben Sie Webseiten mithilfe fortschrittlicher Steuerelemente für Farbton, Sättigung, Helligkeit und Deckkraft. Whitelist-Webdomains zur automatischen Einfärbung (optional!).

NEU: Verwenden Sie Drag & Drop, um Themen als Text zu kopieren und Farbeigenschaften frei zu gruppieren.

PS: Plus dunkles Firefox-Theme

Klicken Sie mit der linken Maustaste auf die Leiste und passen Sie sie an. Sie sehen einen grünen Baum. Fügen Sie ihn in die Leiste ein und klicken Sie darauf. Die Farben ändern sich und Sie können im Menü Bearbeiten -> Einstellungen -> Inhalt -> Farben weiterhin Ihre eigenen Farben erstellen.

Deaktivieren: Systemfarben verwenden und Seiten zulassen

Obwohl nicht genau das, wonach Sie suchen ... Ich verwende eine Software in Verbindung mit einem kleinen Skript in OS X. Die Software heißt Nocturne. Das Skript findet heraus, zu welcher Zeit Sonnenaufgang und Sonnenuntergang an meinem geografischen Standort liegen. Dann wird Nocturne bei Sonnenuntergang aktiviert und bei Sonnenaufgang ausgeschaltet. Ich kenne Firefox nicht spezifisch, aber es ist sicher schön, da es in jedem Browser und den meisten anderen Programmen funktioniert.

Das Add-On http://addons.mozilla.org/en-US/firefox/addon/black-background-white-text hat eine andere Methode für die schwarzen Farben. Es werden nur die Farben und Hintergrundbilder invertiert (durch das Invertieren der Farben wird das Seitendesign nicht wie bei CSS- oder JavaScript-Methoden zerstört). Sie werden es lieben, fühlen sich wie im weißen Modus und müssen kein Theme installieren.

Ändern Sie nach der Installation die Standardmethode von "Simple CSS" in "Invertieren" in: Menü Extras → Add-Ons → Schwarzer Hintergrund und weißer Text → Standardmethode zum Ändern der Seitenfarben → Invertieren .

Wichtiger Hinweis: Wenn Sie den Windows - Modus zu schwarz zu geändert haben, dann werden Sie sie finden , besser das Standard - Firefox - Farbmanagement zu deaktivieren und lassen Sie die Add-On alle die Arbeit, dies tun: Menü Extras → Optionen → Inhalt → Farben → uncheck "Verwenden Sie Systemfarben" und wählen Sie "Nie" unter "Überschreiben Sie die auf der Seite angegebenen Farben mit den oben angegebenen Optionen".

Dann starten Sie Firefox neu!

Tipp: Das Add-On fügt eine Schaltfläche in Ihre Leiste ein, um die Modi von "Invertieren" zu "CSS" oder "JavaScript" zu deaktivieren oder zu ändern.

Hier ist das Ergebnis:

Eine andere Möglichkeit ist, einfach Ring of Topaz zu verwenden, um die Hintergrundfarben zu ändern oder die Rückseite zu entfernen.

Geben Sie nach dem Aufrufen der Website die URL der Website ein und wählen Sie eine für Sie besser lesbare Hintergrund- / Schriftfarbkombination.