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

Eu uso para navegar na Web em um quarto escuro e preferiria se os fundos fossem escuros e o texto fosse claro em vez do oposto, o que é muito mais comum. Suponho que isso possa ser alcançado 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). Ainda mais impressionante seria se houvesse uma extensão para instalar e obter apenas o efeito necessário.

Alguma sugestão?

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

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

Infelizmente, atualmente estamos aguardando a implementação no Firefox: https://developer.mozilla.org/en-US/docs/CSS/filter#Browser_compatibility

Um equivalente no Firefox seria semelhante a:

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 tão bons assim:

Bônus

Aqui está o bookmarklet para WebKit (requer que o jQuery seja carregado):

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

Tente isso .. Ferramentas> Opções> Clique na guia Conteúdo e depois no botão Cores. Agora desmarque a caixa de seleção "Permitir páginas blá blá ....". Agora selecione a cor branca para o texto e a cor preta para o fundo. Espero que ajude. Eu fiz isso no ver24.0.

(Edit: Acabei de perceber que o bookmarklet não funciona no Firefox, porque a Mozilla decidiu não oferecer suporte ao Invert. Mas há um link jQuery na página que fará a mesma coisa.) Você pode usar o bookmarklet nesta página: http: / /lea.verou.me/2011/04/invert-a-whole-webpage-with-css-only/

Sistema operacional? Eu tenho um aplicativo no meu Mac, Nocturne, que inverte as cores. É semelhante ao pressionar ctrl-option-cmd-F8. Não sei como fazer isso no Windows. O noturno é um pouco melhor, pois ajusta as cores, não apenas as inverte, para tornar a visualização um pouco melhor à noite ou com pouca luz. A vantagem aqui é que tudo, não apenas as páginas do Firefox, é alterado, e você não precisa reaplicá-lo sempre que carregar uma nova página.

Verifique este complemento, se for útil para você.

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

Faça um bookmarklet com o seguinte URL:

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