Altere o fundo branco nas páginas da Web para outra cor

46

Atualmente estou usando um tema sombrio no Firefox. Parece muito bom, mas muitas páginas da Web usam um plano de fundo branco comum. O contraste resultante é um pouco desagradável e às vezes dói o olho quando eu alterno de uma aba escura para uma aba branca.

Existe uma maneira de fazer com que o firefox substitua os background brancos por qualquer outra cor (cinza claro, por exemplo)? Pode ser um script Stylish, um hack do userChrome.css, ou qualquer coisa que funcione (de preferência o mais leve possível).

Para ficar claro: depois de atingir meu objetivo, a cor de fundo sempre que visito o site do Superusuário deve ser cinza claro em vez de branco, e o mesmo deve acontecer com qualquer outro site com fundo branco (google sites, tech crunch, etc).

Existe uma maneira de fazer isso?

    
por Malabarba 27.08.2010 / 01:34

14 respostas

21

Acabei de escrever um rápido script Greasemonkey que verifica o estilo computado do body element e muda para preto (você provavelmente quer escolher uma cor diferente):

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

O problema com esses tipos de coisas é que, a menos que os sites sejam projetados extremamente bem, haverá manchas de branco sobre preto.

    
por 27.08.2010 / 03:54
14

Esta não é uma solução perfeita, mas você pode fazer isso sempre que visitar os sites nos quais deseja alterar o plano de fundo.

No Firefox abaixo de 38, acesse Tools > Options > Content e clique no botão Colours . No Firefox 38 e superior, acesse Edit > Preferences > Content e clique em Colors .

Selecione cinza como "Plano de fundo" e desmarque as caixas de seleção "Permitir que as páginas escolham suas próprias cores, em vez das minhas seleções acima" e "Usar cores do sistema".

    
por 27.08.2010 / 09:18
11

Atualizei um script do Greasemonkey (Firefox) para suprimir o fundo branco.

Os scripts funcionarão no Chrome se você instalar o Tampermonkey.

link

Isso altera todos os planos de fundo brancos para cinza (ish) com algum sombreamento. Você pode configurar e definir sua própria cor base a partir do código genérico. Tons de branco também são renderizados.

Eu tenho três variantes: Grey , Rosa e Verde - todos podem ser personalizados.

Pesquise em scripts de usuário para noWhiteBackgroundColor .

    
por 31.08.2012 / 13:32
4

Eu descobri recentemente este addon do firefox Elegante . Isso fará o que você quiser & muito mais!

    
por 27.08.2010 / 16:50
4

O JavaScript a seguir substituirá os elementos de plano de fundo CSS e HTML por branco e os elementos de texto com preto na página atual, basta colá-lo em seu local ou campo do navegador:

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);
    }
})();
    
por 27.08.2010 / 17:17
3

Recentemente, substituí meu computador antigo e precisei configurar o Firefox novamente. Uma das principais coisas que desejei restabelecer foi um script Greasemonkey que mudou a cor de fundo de qualquer site.

Eu estava, portanto, um pouco irritado por não encontrar o que eu havia usado antes. Longa história curta - aqui é o do meu PC antigo.

Este script não é meu trabalho

Todo o crédito deve ir para Howard Smith. Isto foi originalmente publicado em Userscripts.org, que agora parece estar indisponível.

Basta criar um novo script de usuário no Greasemonkey e colar o seguinte em:

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

Eu uso isso há quase dois anos e não consigo pensar em nenhum site que não tenha conseguido alterar o plano de fundo branco.

    
por 08.09.2014 / 00:10
2

Na barra de URL, digite about: config e navegue até esta configuração: browser.display.background_color

Mais informações se precisar aqui .

    
por 27.08.2010 / 01:49
2

link

Eu achei este útil. Ele permite que você escolha sua própria cor no texto e no plano de fundo. Basta apertar a tecla de atalho predefinida.

    
por 06.11.2012 / 10:37
2

Na barra de pesquisa do navegador, digite about:config .

No campo de pesquisa, digite browser.display.background_color .

Clique duas vezes na string e altere #FFFFFF (código hexadecimal para branco) para #000000 (código hexadecimal para preto) ou qualquer outra cor que desejar e clique em OK . Reinicie o navegador para que ele tenha efeito.

    
por 11.11.2012 / 09:52
2

Colorific

Eu uso isso.

Colorir páginas da web por meio de controles avançados para matiz, saturação, luminosidade e opacidade. Domínios web de lista branca para colorização automática (opcional!).

NOVO: use o recurso de arrastar e soltar para copiar temas como texto e agrupar livremente as propriedades das cores.

P.S .: mais tema sombrio do Firefox

    
por 12.11.2014 / 18:52
1

Clique na barra com o botão esquerdo do mouse e personalize e você verá uma árvore verde, coloque-a na barra e clique nela. As cores vão mudar e você ainda pode criar suas próprias cores no Editar - > preferência - > conteúdo - > item de menu de cores.

Desativar: use cores do sistema e permita páginas

    
por 13.02.2013 / 07:22
0

Embora não seja exatamente o que você procura ... Eu uso um software associado a um pequeno script no OS X. O software é chamado Nocturne. O script descobre a que horas nascer e pôr do sol estão na minha localização geográfica. Em seguida, ativa Nocturne ao pôr-do-sol e desliga-o ao nascer do sol. Não é específico do Firefox, mas certamente é bom, pois funciona em qualquer navegador e na maioria dos outros softwares.

    
por 02.10.2012 / 05:39
0

O add-on link tem um método diferente para o cores negras. Ele inverte as cores e as imagens de fundo apenas (inverter as cores não destruirá o design da página como nos métodos CSS ou JavaScript). Você vai adorar, se sentir como se estivesse no modo branco e não precisa instalar nenhum tema.

Após a instalação, altere o método padrão de "simple css" para "invert" em: menu Ferramentas Complementos Fundo preto e texto branco Método padrão para alterar as cores da página Inverter .

NB: Se você mudou o modo do Windows para preto também, então você achará melhor desabilitar o gerenciamento de cores padrão do Firefox e deixar o add-on fazer todo o trabalho, faça o seguinte: menu Ferramentas Opções Conteúdo Cores → desmarque "Usar cores do sistema" e selecione "Nunca" em "Substituir as cores especificadas pela página pelas minhas seleções acima".

Em seguida, reinicie o Firefox!

Dica: O add-on coloca um botão na sua barra para desabilitar ou alterar os modos do método "invertido" para o método "CSS" ou "JavaScript".

Aqui está o resultado:

    
por 28.01.2016 / 07:18
-1

Outra opção é apenas usar o Anel de Topázio para alterar as cores de fundo ou remover as costas.

Depois de acessar o site, insira o URL do website e escolha uma combinação de plano de fundo / fonte que seja mais legível para você.

    
por 30.05.2013 / 00:20