Dicas, truques, tutoriais, reviews, promoções e informação

quarta-feira, 27 de abril de 2011

Como mudar as cores de qualquer site com Google Chrome

Uma das coisas que acontece bastante comigo, é estar navegando em uma determinada página que possui uma cor de fundo bem forte (seja muito clara ou muito escura), e depois passar para uma página com fundo mais agradável. Dá um contraste desagradável em minha visão que só quem já passou por isso sabe. Sobretudo, isso é um pouco prejudicial para a saúde dos olhos.

Mas não só isso. Você já pensou em ver como o seu site também fica em outras cores rapidamente? Ou não gostou da cor de fundo de um site e quer personalizá-lo?

Você pode resolver todos estes problemas com uma simples extensão.


Quem utiliza o Chrome pode facilmente alterar o background de qualquer site da web, com apenas alguns poucos cliques.

Deixe qualquer site a sua cara!

1. Acesse esta página e clique em Gratuito, ao lado direito, depois em Adicionar.

mudar cor de qualquer site

2. A extensão será instalada em seu Chrome. Um ícone da extensão (preto) ficará presente no final da barra de endereços do browser.

alterar-cor-dos-sites

3. Por padrão, a extensão já vem com as cores de fundo pré-definidas. Para que você coloque as cores que você deseja, você deve alterar a cor de fundo que prefere, e a cor dos textos e links também. Para isso, clique com o direito do mouse sobre o ícone da extensão na barra de endereços e selecione Opções.

como-ver-meu-site-em-outras-cores

4. Você acessará uma janela igual a esta abaixo:

trocar cor de sites brancos escuros

5. Agora é só alterar as cores.

Background color => É a cor de fundo que ficará nas páginas após você alterar
Text color => É a cor que ficará nas letras do texto das páginas
Links color => É a cor que ficará nos links que estiverem presentes nas páginas
Visited links color => É a cor que ficará nos links visitados (após você clicar neles)

6. Clique sobre a paleta de cores destas opções e mude para a cor que você quiser.

como-posso-mudar-a-cor-do-meu-site-chrome

7. Depois de realizar a alteração, acesse qualquer site da Internet. Para mudar as cores do site, clique com o esquerdo do mouse sobre o ícone da extensão na barra de endereços e selecione uma das três opções abaixo:

google chrome extensão que muda cor dos sites 2014

Apply override in this page => Aplica a alteração apenas na página onde você está
Apply override on this domain => Aplica em todas as páginas do site onde você está
Apply override on all pages => Aplica em todos os sites que você acessar

8. Após escolher a opção desejada, veja o resultado. Fizemos uma demonstrração em nosso próprio site, veja:

trocar-cores-de-páginas-chrome

9. Para remover a alteração das cores basta clicar no ícone da extensão e selecionar a mesma opção (ela estará como "Remove").

tutorial-change-color-extensão-google-chrome

14 comments:

  1. no meu caso e ao contrario o problema e sites de fundo branco meu olhos ficam cansados e fico me esforçando vlw

    ResponderExcluir
  2. Valeu mesmo Marcelo, estava a tempo querendo acabar com aquele fundo branco, no explorer eu sei fazer a mudança mas confesso que no Google estava apanhando.

    ResponderExcluir
  3. Que bom que lhe ajudou, amigo Julio. Fundo branco realmente chega a ser ruim. Aliás, em breve estarei providenciando a mudança background aqui do blog.

    Grande abraço

    ResponderExcluir
  4. Melhorou, mas o problema é que tem algumas informações do site que não aparecem. Aqui neste site por exemplo, o cabeçalho - SEU TUTORIAL - não aparece.

    ResponderExcluir
    Respostas
    1. Desenvolvi um código fonte pensando exatamente nisso, mudar a cor de fundo e textos, sem prejudicar as imagens ou outras informações da página. O resultado você pode conferir no meu blog: http://7kandahar.blogspot.com.br/ Se você quiser, estou disponibilizando. Basta publicar um comentário no meu blog e solicitar.

      Excluir
  5. Pessoal, consegui resolver o problema do branco ofuscante: basta alterar o brilho e o contraste do monitor de vídeo. Geralmente eles tem uns botões (botões físicos mesmo, de apertar com o dedo) geralmente no canto inferior do aparelho.
    De qualquer forma valeu a dica!

    ResponderExcluir
  6. Ai que bom que eu achei seu blog pq eu tinha instalado essa extensão e não achei mais pra instalar de novo, muitoo obrigada, essa é a melhor que tem pois deixo tudo preto kkkkk

    ResponderExcluir
  7. Aleluia ! Achei a extensão perfeita pra mim !

    ResponderExcluir
  8. muito bom ajudou muito , meus olhos agradecem

    ResponderExcluir
  9. Existe algum quem possa editar o CSS direto? e que possa sincronizar com o Chrome?

    ResponderExcluir
  10. obrigado, tem uns sites que uns doentes colocam fundo branco e a cor das fontes claras, são doentes.

    Valeu MESMO, já me ajudou mudando este site aqui http://www.guiacoins.com/coreia-do-sul-banira-icos-do-pais/

    ResponderExcluir
  11. Marcelo, no meu notebook todos os sites vêm com o texto num cinza clarinho. Tem como mudar isso sem instalar nenhuma extensão? Queria só alterar a core das letras mesmo. Obrigada

    ResponderExcluir