Safari macht helle Websites einfach dunkel
Safari introduces Adaptive Dark Mode in 27.3
Rund 40 Prozent aller Seitenaufrufe stammen von Nutzern im Dark Mode, doch nur etwa 10 Prozent der Websites bieten eine dunkle Variante. Safari 27.3 beta schließt diese Lücke: Adaptive Dark Mode analysiert helle Seiten, invertiert die Helligkeit von Farben unter Beibehaltung des Farbtons und achtet auf ausreichenden Kontrast nach WCAG. SVG-Icons und einfache Schwarz-Weiß-Logos werden bei Bedarf angepasst, während Websites ihre Darstellung per color-scheme selbst steuern können.
Wenn Websites erkennen könnten, dass ein Nutzer Adaptive Dark Mode aktiviert hat, würde das die Menge an fingerprintbaren Informationen erhöhen und den Schutz vor Trackern schwächen.
- kickingvegas
FYI, light-dark() in CSS ist jetzt ein Ding.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/V...
- nsoam
Ich will das Gegenteil. Ich leide unter Astigmatismus, was Weiß auf Schwarz schwer lesbar macht. Ich wünschte, Safari könnte Dark-Mode-Websites in Light-Mode-Websites verwandeln.
- marcellosso
Ich nutze Dark Mode für alles, also freue ich mich ziemlich darüber. Manche Seiten sind eindeutig für Hell gestaltet, und ihnen Dark aufzuzwingen könnte das Erlebnis kaputt machen, aber genau dafür ist `color-scheme: light only` da, und es ist gut, dass Safari das respektiert. Abgesehen davon fühlt es sich für mich wie ein Win-Win an: großartig für Dark-Mode-Nutzer, und für Devs ändert sich nicht viel, man fügt einfach "light only" hinzu, wenn man nicht will, dass die eigene Seite betroffen ist.
- greazy
Jeder sollte die Dark Reader Extension ausprobieren, sie macht seit vielen Jahren adaptiven Dark Mode und ist anpassbar. Sie kann sogar auch Light Mode. Ich benutze sie gerade in Firefox auf HN!
- macNchz
Persönlich freue ich mich darüber auf iOS – ich finde, langweiliges Zeug im Dark Mode bei minimaler Helligkeit auf meinem Handy zu lesen, ist für mich der effektivste Weg einzuschlafen (entgegen dem Rat zu blauem Licht/keinen Handys im Bett). Mit einem OLED-Bildschirm ist die Menge an emittiertem Licht so viel geringer als bei jeder Alternative, die ich probiert habe. Für Seiten wie HN (manche Threads auf HN sind ziemlich langweilig), die keinen nativen Dark Mode haben, war meine Lösung, die "Accessibility Shortcut"-Funktion einzurichten, um die Farben auf dem Bildschirm zu invertieren. Drei Klicks auf den Sperrbutton und die Seite invertiert. Es funktioniert okay, aber es erfordert manuellen Eingriff für jede Seite, je nachdem, ob sie Dark Mode unterstützt.
- Reason077
Hacker News selbst ist ein Paradebeispiel für eine Website, die Dark Mode nicht unterstützt, es aber trivial tun könnte (und meiner Meinung nach würde sie so viel besser aussehen, wenn sie es täte!)
- JulianPaul
Bin ich immer noch der Einzige, der keinen Dark Mode benutzt? Mein Astigmatismus kann das nicht ab
- AndrewStephens
Das ist eine gute Sache.
Ich habe vor einer Weile Dark Mode zu meinem Blog hinzugefügt und es war ein wenig mühsam, das richtig zu machen.
Man kann einen halbherzigen Dark Mode selbst implementieren, indem man das folgende CSS hinzufügt.
@media(prefers-color-scheme: dark) {
body {
filter: invert();
}
}
Alle deine Bilder werden ebenfalls invertiert, was für Fotos nicht gut funktioniert.