Como inverter o esquema de cores das páginas web no Firefox?

Question

Eu uso para navegar na web em um quarto escuro e preferiria que os planos de fundo ficassem escuros e que o texto fosse claro, em vez do oposto, que é muito mais comum. Suponho que isso pode ser conseguido com algum código CSS ou JS personalizado aplicado, mas não sou um codificador da Web e não tenho certeza sobre como fazer isso (especialmente para ser aplicável a todos os sites da Web). Ainda mais impressionante seria se houvesse uma extensão para instalar e obter apenas o efeito necessário.

Alguma sugestão?

    

Answer 1

Em navegadores baseados no WebKit, você pode adicionar o seguinte estilo para obter a inversão de cores:

html { -webkit-filter: invert(); }

Infelizmente,estamosatualmenteaguardandoaimplementaçãonoFirefox: link

Um equivalente no Firefox seria parecido com:

html {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix type=\'matrix\' values=\'-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0\'/></filter></svg>#invert");
}

Os resultados não são nem de longe tão interessantes:

Bônus

AquiestáobookmarkletparaoWebKit(requerqueojQuerysejacarregado):

javascript:$("html").css("-webkit-filter","invert()")

    

Answer 2

Tente isso ... Ferramentas > Opções > Clique na guia Conteúdo e, em seguida, clique no botão Cores. Agora desmarque a caixa de seleção "Allow pages blah blah ....". Agora selecione a cor branca para texto e cor preta para bacground. Espero que ajude. Eu fiz isso na versão 24.0.

    

Answer 3

(Edit: Apenas percebi que o bookmarklet não funciona no Firefox, porque a Mozilla decidiu não suportar o Invert. Mas há um link jQuery na página que fará o mesmo.) Você pode usar o bookmarklet nesta página: link

Sistema operacional? Eu tenho um aplicativo no meu Mac, Nocturne, inverte as cores em toda a linha. Semelhante a apenas pressionar ctrl-option-cmd-F8. Eu não sei de uma maneira de fazer isso no Windows. Nocturne é um pouco mais agradável, pois altera as cores, não apenas inverte-as, tornando a visualização um pouco mais agradável à noite ou com pouca iluminação. Vantagem aqui é que tudo, não apenas as páginas do Firefox, é trocado, e você não precisa continuar aplicando-o toda vez que carrega uma nova página.

    

Answer 4

Marque este Add-on se for útil para você.

Tem mais algumas boas opções. aqui está uma captura de tela > > >

    

Answer 5

Crie um bookmarklet com o seguinte URL:

javascript:void(document.getElementsByTagName('html')[0].style.webkitFilter='invert()');