51 votes

Changer l'arrière-plan blanc des pages Web pour une autre couleur

Je suis actuellement en train d'utiliser un thème sombre dans Firefox. Cela a l'air vraiment bien, mais de nombreuses pages web utilisent un fond blanc uni. Le contraste résultant est un peu désagréable et parfois blessant pour les yeux lorsque je passe d'un onglet sombre à un onglet blanc.

Existe-t-il un moyen de faire en sorte que Firefox remplace les arrière-plans blancs partout par une autre couleur (gris clair, par exemple) ? Cela pourrait être un script Stylish, une astuce userChrome.css, ou tout ce qui fonctionne (de préférence aussi léger que possible).

Pour être clair : une fois mon objectif atteint, la couleur de fond chaque fois que je visite le site Superuser devrait être gris clair au lieu de blanc, et il en va de même pour tout autre site avec un fond blanc (sites de Google, tech crunch, etc).

Existe-t-il un moyen de faire cela ?

4voto

Le Javascript suivant remplacera les éléments de fond CSS et HTML par du blanc et les éléments de texte par du noir sur la page actuelle, il vous suffit de le coller dans votre emplacement ou votre champ de recherche :

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

3voto

Androme Points 411

Dans la barre d'URL, tapez about:config et accédez à ce paramètre : browser.display.background_color

Si vous avez besoin de plus d'informations cliquez ici.

3voto

The Bahamunt Points 31

Récemment, j'ai remplacé mon ancien ordinateur et j'ai dû configurer à nouveau Firefox. L'une des principales choses que je voulais rétablir était un script Greasemonkey qui changeait la couleur de fond de n'importe quel site web.

J'étais donc un peu contrarié de ne pas pouvoir retrouver celui que j'avais utilisé auparavant. En résumé - voici celui de mon ancien PC.

Ce script n'est pas de mon propre travail

Tout le crédit doit être attribué à Howard Smith. Cela a été initialement posté sur Userscripts.org, qui semble maintenant être indisponible.

Créez simplement un nouveau script utilisateur dans Greasemonkey et collez ce qui suit :

(function () {
    function noWhiteBackgroundColor() {
        function changeBackgroundColor(x)  {  // Changer automatiquement les couleurs trop proches du blanc
            var backgroundColorRGB = window.getComputedStyle(x, null).backgroundColor;  // Obtenir la couleur de fond
            if(backgroundColorRGB != "transparent")  {  // Convertir la couleur hexadécimale en couleur RGB pour comparer
                var RGBValuesArray = backgroundColorRGB.match(/\d+/g); // Obtenir les valeurs RGB
                var red   = RGBValuesArray[0];
                var green = RGBValuesArray[1];
                var blue  = RGBValuesArray[2];

                // ============================================================================
                // Définissez les couleurs de base dont vous avez besoin :
                // Utilisez : http://www.colorpicker.com
                // pour trouver les valeurs RGB de la couleur de base que vous souhaitez
                // supprimer les arrière-plans blancs avec :
                // Gris par défaut fourni:
                // ============================================================================

                var red_needed   = 220;
                var green_needed = 220;
                var blue_needed  = 255;

                if (red>=220 && green>=220 && blue>=220) { // Détection de la plage blanche

                   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 + ")"; // La couleur de fond que vous souhaitez
               }
            }
        }

        var allElements=document.getElementsByTagName("*"); // Obtenir tous les éléments d'une page
        for(var i=0; i

`

J'utilise cela depuis presque deux ans et je ne peux penser à aucun site web où il n'a pas réussi à changer le fond blanc.

`

2voto

erihanse Points 130

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

J'ai trouvé celui-ci utile. Il vous permet de choisir votre propre couleur de texte et d'arrière-plan. Il suffit d'appuyer sur la touche de raccourci prédéfinie.

2voto

Chris Points 819

Colorific

Je l'utilise.

Colorisez les pages web à l'aide de commandes avancées pour la teinte, la saturation, la luminosité et l'opacité. Incluez des domaines web en liste blanche pour une colorisation automatique (optionnel !).

NOUVEAU : Utilisez le glisser-déposer pour copier des thèmes en tant que texte et pour regrouper librement les propriétés de couleur.

P.S. : plus de thème sombre pour Firefox

SistemesEz.com

SystemesEZ est une communauté de sysadmins où vous pouvez résoudre vos problèmes et vos doutes. Vous pouvez consulter les questions des autres sysadmins, poser vos propres questions ou résoudre celles des autres.

Powered by:

X