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

J'utilise pour parcourir le Web dans une pièce sombre et je préférerais que les fonds soient sombres et que le texte soit léger au lieu du contraire, ce qui est beaucoup plus fréquent. Je suppose que cela peut être réalisé avec un code CSS ou JS personnalisé appliqué, mais je ne suis pas un codeur Web et je ne suis pas sûr de savoir comment le faire (surtout pour être applicable à tous les sites Web). Encore plus génial, il serait s'il y avait une extension pour installer et obtenir l'effet nécessaire.

Aucune suggestion?

Dans les navigateurs basés sur WebKit, vous pouvez ajouter le style suivant pour obtenir une inversion des couleurs:

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

Entrez la description de l'image ici

Malheureusement, nous attendons actuellement la mise en œuvre 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:

Entrez la description de l'image ici

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 cliquez sur le bouton Couleurs. Désélectionnez la case à cocher "Autoriser les pages blah blah ….". Sélectionnez maintenant la couleur blanche pour le texte et la couleur noire pour le bac. J'espère que cela aide. Je l'ai fait à la 24e année.

(Edit: vient de se rendre compte que le bookmarklet ne fonctionne pas dans Firefox, car Mozilla a décidé de ne pas supporter 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 des couleurs à travers le tableau. Comme pour simplement appuyer sur ctrl-option-cmd-F8. Je ne connais pas un moyen de le faire sur Windows. Nocturne est un peu plus agréable car il modifie les couleurs, ne les inverse pas seulement, pour rendre plus agréable la nuit ou un éclairage faible. L'avantage ici est que tout, pas seulement les pages de Firefox, se commute, et vous ne devez pas continuer à l'appliquer à nouveau chaque fois que vous chargez une nouvelle page.

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

Il a d'autres bonnes options. Voici une capture d'écran >>>

Entrez la description de l'image ici

Faites un bookmarklet avec l'URL suivante:

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