Come invertire la combinazione di colori delle pagine Web in Firefox?

Uso per navigare in rete in una stanza buia e preferirei che gli sfondi fossero scuri e che il testo fosse chiaro anziché il contrario, il che è molto più comune. Suppongo che ciò possa essere ottenuto applicando un codice CSS o JS personalizzato, ma non sono un codificatore Web e non sono sicuro di come farlo (specialmente per essere applicabile a tutti i siti Web). Ancora più straordinario sarebbe se ci fosse un'estensione da installare e ottenere solo l'effetto necessario.

Eventuali suggerimenti?

Nei browser basati su WebKit, è possibile aggiungere il seguente stile per ottenere l'inversione del colore:

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

Purtroppo, stiamo attualmente aspettando l'implementazione in Firefox: https://developer.mozilla.org/en-US/docs/CSS/filter#Browser_compatibility

Un equivalente in Firefox sarebbe simile 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");
}

I risultati non sono comunque così belli:

indennità

Ecco il bookmarklet per WebKit (richiede il caricamento di jQuery):

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

Prova questo .. Strumenti> Opzioni> Fai clic sulla scheda Contenuti, quindi fai clic sul pulsante Colori. Ora deseleziona la casella di controllo "Consenti pagine blah blah ....". Ora seleziona il colore bianco per il testo e il colore nero per il bacground. Spero che sia d'aiuto. L'ho fatto su ver24.0.

(Modifica: ho appena realizzato che il bookmarklet non funziona in Firefox, perché Mozilla ha deciso di non supportare Invert. Ma c'è un link jQuery sulla pagina che farà la stessa cosa.) Puoi usare il bookmarklet su questa pagina: http: / /lea.verou.me/2011/04/invert-a-whole-webpage-with-css-only/

Sistema operativo? Ho un'app sul mio Mac, Nocturne, inverte i colori su tutta la linea. Simile alla semplice pressione di ctrl-option-cmd-F8. Non conosco un modo per farlo su Windows. Nocturne è un po 'più bello in quanto modifica i colori, non solo li inverte, per rendere la visione un po' più piacevole di notte o in penombra. Il vantaggio qui è che tutto, non solo le pagine di Firefox, viene cambiato e non è necessario continuare a riapplicarlo ogni volta che si carica una nuova pagina.

Controlla questo componente aggiuntivo se è utile per te.

Ha alcune altre buone opzioni. ecco uno screenshot >>>

Crea un bookmarklet con il seguente URL:

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