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


10

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?


Vous voudrez peut-être jeter un œil au redshift .
Cristian Ciupitu

Réponses:


16

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

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

entrez la description de l'image ici

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:

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()")

Dans mon cas, les bordures du site Internet ne sont pas inversées. Lien . Je suppose que je dois également inverser une autre balise, pas seulement html. Que dois-je faire pour inverser également les frontières?
Utku

2

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.


1

(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.



0

Créez un bookmarklet avec l'URL suivante:

javascript:void(document.getElementsByTagName('html')[0].style.webkitFilter='invert()');
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.