Comment inverser le schéma de couleurs des pages Web dans Firefox?

J'utilise pour naviguer sur le Web dans une pièce sombre et je préférerais que les arrière-plans soient sombres et le texte clair au lieu de l'inverse, ce qui est beaucoup plus courant. Je suppose que cela peut être réalisé avec du code CSS ou JS personnalisé appliqué, mais je ne suis pas un codeur Web et je ne sais pas comment le faire (en particulier pour être applicable à tous les sites Web). Encore plus génial ce serait s'il y avait une extension à installer et à obtenir juste l'effet nécessaire.

Aucune suggestion?

Dans les navigateurs WebKit, vous pouvez ajouter le style suivant pour obtenir l'inversion des couleurs:

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

Malheureusement, nous attendons actuellement l'implémentation dans Firefox: https://developer.mozilla.org/en-US/docs/CSS/filter#Browser_compatibility

Un équivalent dans Firefox ressemblerait à:

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");
}

Les résultats ne sont cependant pas aussi agréables:

Prime

Voici le bookmarklet pour WebKit (nécessite que jQuery soit chargé):

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

Essayez ceci. Outils> Options> Cliquez sur l'onglet Contenu puis sur le bouton Couleurs. Désactivez la case à cocher "Autoriser les pages bla bla ...". Sélectionnez maintenant la couleur blanche pour le texte et la couleur noire pour le bacground. J'espère que ça aide. Je l'ai fait sur ver24.0.

(Edit: Je viens de réaliser que le bookmarklet ne fonctionne pas dans Firefox, car Mozilla a décidé de ne pas prendre en charge Invert. Mais il y a un lien jQuery sur la page qui fera la même chose.) Vous pouvez utiliser le bookmarklet sur cette page: http: / /lea.verou.me/2011/04/invert-a-whole-webpage-with-css-only/

Système opérateur? J'ai une application sur mon Mac, Nocturne, elle inverse les couleurs partout. Similaire à une simple pression sur ctrl-option-cmd-F8. Je ne connais pas de moyen de le faire sous Windows. Nocturne est un peu plus agréable car il peaufine les couleurs, ne se contente pas de les inverser, pour rendre la visualisation un peu plus agréable la nuit ou dans un éclairage tamisé. L'avantage ici est que tout, pas seulement les pages Firefox, est changé, et vous n'avez pas besoin de le réappliquer chaque fois que vous chargez une nouvelle page.

Vérifiez ce module complémentaire s'il vous est utile.

Il a encore de bonnes options. voici une capture d'écran >>>

Créez un bookmarklet avec l'URL suivante:

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