Wie kann man das Farbschema von Webseiten in Firefox umkehren?

10

Ich surfe im Internet in einem dunklen Raum und würde es vorziehen, wenn die Hintergründe dunkel und der Text hell wären, anstatt das Gegenteil, was viel häufiger vorkommt. Ich nehme an, dass dies mit einem angewendeten benutzerdefinierten CSS- oder JS-Code erreicht werden kann, aber kein Webcodierer bin und nicht sicher ist, wie dies zu tun ist (insbesondere, um auf alle Websites anwendbar zu sein). Noch großartiger wäre es, wenn eine Erweiterung installiert werden müsste, um genau den gewünschten Effekt zu erzielen.

Irgendwelche Vorschläge?

Ivan
quelle
Vielleicht möchten Sie einen Blick auf Rotverschiebung werfen .
Cristian Ciupitu

Antworten:

16

In WebKit-basierten Browsern können Sie den folgenden Stil hinzufügen, um eine Farbumkehrung zu erzielen:

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

Geben Sie hier die Bildbeschreibung ein

Leider warten wir derzeit auf die Implementierung in Firefox: https://developer.mozilla.org/en-US/docs/CSS/filter#Browser_compatibility

Ein Äquivalent in Firefox würde folgendermaßen aussehen:

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

Die Ergebnisse sind jedoch nicht annähernd so gut:

Geben Sie hier die Bildbeschreibung ein

Bonus

Hier ist das Lesezeichen für WebKit (erfordert das Laden von jQuery):

javascript:$("html").css("-webkit-filter","invert()")
Der Hochstapler
quelle
In meinem Fall werden die Ränder der Website nicht umgekehrt. Link . Ich denke, ich muss auch ein anderes Tag invertieren, nicht nur html. Was soll ich tun, um auch Grenzen umzukehren?
Utku
2

Versuchen Sie dies. Extras> Optionen> Klicken Sie auf die Registerkarte Inhalt und dann auf die Schaltfläche Farben. Deaktivieren Sie jetzt das Kontrollkästchen "Seiten zulassen bla bla ...". Wählen Sie nun weiße Farbe für Text und schwarze Farbe für Hintergrund. Ich hoffe es hilft. Ich habe es auf Version 24.0 gemacht.

RVShenoy
quelle
1

(Bearbeiten: Ich habe gerade festgestellt, dass das Lesezeichen in Firefox nicht funktioniert, da Mozilla beschlossen hat, Invert nicht zu unterstützen. Auf der Seite befindet sich jedoch ein jQuery-Link, der dasselbe bewirkt.) Sie können das Lesezeichen auf dieser Seite verwenden: http: / /lea.verou.me/2011/04/invert-a-whole-webpage-with-css-only/

Betriebssystem? Ich habe eine App auf meinem Mac, Nocturne, die Farben auf der ganzen Linie invertiert. Ähnlich wie beim Drücken von Strg-Option-cmd-F8. Ich kenne keine Möglichkeit, dies unter Windows zu tun. Nocturne ist etwas schöner, da es die Farben optimiert und nicht nur invertiert, um das Betrachten nachts oder bei schwachem Licht etwas schöner zu machen. Der Vorteil hierbei ist, dass alles, nicht nur Firefox-Seiten, gewechselt werden und Sie es nicht jedes Mal neu anwenden müssen, wenn Sie eine neue Seite laden.

dr.nixon
quelle
0

Überprüfen Sie dieses Add-On, wenn es für Sie nützlich ist.

Es hat einige weitere gute Optionen. Hier ist ein Screenshot >>>

Geben Sie hier die Bildbeschreibung ein

Shah Zor
quelle
0

Erstellen Sie ein Lesezeichen mit der folgenden URL:

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