Código HTML ou CSS para inverter as cores (no Tumblr)?

Assim que o meu blog no Tumblr está com o plano de fundo branco e o texto em preto. Agora... Eu sei que algumas pessoas têm problemas com os olhos e não conseguem ler com texto branco em fundo preto.

Existe alguma maneira que eu possa colocar um botão ou link, ou qualquer coisa semelhante, que, quando eu clicar, o fundo irá mudar para preto e o texto para branco e preto...

Nota: não use textura ou imagem como plano de fundo, apenas cor sólida.

Resposta

Olá, parece que você está procurando uma solução para inverter as cores do seu blog no Tumblr. Aqui está um exemplo de HTML e CSS que você pode utilizar para alcançar esse efeito desejado.

Em primeiro lugar, adicione o seguinte código CSS à seção de estilo do seu blog no Tumblr. Isso configurará as cores padrão do seu blog para fundo branco e texto preto.

        
          body {
            background-color: white;
            color: black;
          }

Em seguida, adicione uma classe CSS que irá inverter as cores quando for aplicada. Essa classe será usada para alternar entre as cores padrão e as cores invertidas.

        
          .inverted {
            background-color: black;
            color: white;
          }

Agora, vamos criar um botão ou link que, quando clicado, irá alternar entre as cores padrão e as cores invertidas. Isso pode ser feito usando JavaScript, que pode ser inserido no código HTML do seu blog.

        
          function toggleColors() {
            var body = document.querySelector('body');
            body.classList.toggle('inverted');
          }

Finalmente, adicione um botão ou link no seu blog com uma chamada para a função `toggleColors` que criamos anteriormente. Quando clicado, o fundo e o texto do blog serão alternados entre branco/preto e preto/branco.