Bitte keinen erzwungenen Dark Mode

• Wenn eine Website nur Dark Mode anbietet, kann das bei manchen Nutzern beim Lesen längerer Texte zu Augenbelastung und Unbehagen führen; daher braucht es Wahlmöglichkeiten oder eine angenehmere Farbkombination
• Entscheidend ist nicht der Dark Mode an sich, sondern das Kontrastverhältnis zwischen Text und Hintergrund; reinweißer Text auf vollständig schwarzem Hintergrund kann mit einem Verhältnis von 21:1 belastend sein
• Verwendet man auf schwarzem Hintergrund grauen Text in #888888, sinkt das Kontrastverhältnis auf 5,9:1 und zeigt ein Beispiel für einen Dark Mode, der angenehmer zu lesen ist als eine übermäßig kontrastreiche Variante
• WCAG 2.1 verlangt für normalen Text nur ein Mindestkontrastverhältnis von 4,5:1 und setzt keine Obergrenze, sodass auch eine 21:1-Kombination nach den Regeln als barrierefrei gelten kann
• Die Anforderung Maximum text contrast im Entwurf von WCAG 3.0 wurde im Update vom 4. September 2025 entfernt; bei Texten, die nur im erzwungenen Dark Mode verfügbar sind, bleibt derzeit oft nur das manuelle Überschreiben von CSS als provisorische Lösung

---

Wenn erzwungener Dark Mode das Lesen erschwert

• Viele Websites und persönliche Blogs sind ausschließlich für Dark Mode gestaltet, und bei manchen Seiten können die Augen schon unangenehm reagieren, noch bevor man überhaupt einen Absatz gelesen hat
• Dark Mode ist in bestimmten Situationen nützlich, wird aber zu einer schlechten User Experience, wenn er dem Nutzer ohne Wahlmöglichkeit aufgezwungen wird
• Nach dem Lesen langer Texte im Dark Mode kann es sich anfühlen, als würden horizontale Streifen weiter sichtbar bleiben, weil sich die Augen nicht sofort wieder anpassen

Im Zentrum des Problems steht das Kontrastverhältnis

• Der entscheidende Faktor für Unbehagen im Dark Mode ist das Kontrastverhältnis zwischen Text und Hintergrund
• Reinweißer Text auf vollständig schwarzem Hintergrund ergibt ein Verhältnis von 21:1
  • Diese Kombination kann die Augen belasten und das Lesen erschweren
• Grauer Text in #888888 auf schwarzem Hintergrund senkt das Verhältnis auf 5,9:1
  • Das ist ein Beispiel dafür, dass sich auch im Dark Mode angenehmere Farbkombinationen finden lassen
• Ein höheres Kontrastverhältnis ist nicht immer automatisch besser; gerade im Dark Mode kann übermäßiger Kontrast das Unbehagen sogar verstärken

Was die WCAG-Kriterien übersehen

• Das aktuelle WCAG 2.1 SC 1.4.3 verlangt für normalen Text ein Mindestkontrastverhältnis von 4,5:1
• In WCAG 2.1 gibt es keine Begrenzung für maximalen Kontrast
  • Auch Kombinationen mit einem Kontrastverhältnis von 21:1, etwa reinweißer Text auf vollständig schwarzem Hintergrund, können damit regelkonform als vollständig barrierefrei gelten
  • Obwohl das für viele Nutzer unangenehm sein kann, behandeln die bisherigen Richtlinien das Problem von übermäßigem Kontrast im Dark Mode nicht
• In WCAG 3.0 sollte als explorative Anforderung Maximum text contrast ergänzt werden
  • Laut dem Update vom Dezember 2025 wurde diese Anforderung im Entwurfsupdate von WCAG 3.0 vom 4. September 2025 entfernt
  • Das GitHub-Issue zur Mathematik hinter den Kontrastverhältnissen ist weiterhin offen

Derzeit mögliche Umgehungslösungen

• Wenn ein wichtiger Text nur im erzwungenen Dark Mode angeboten wird, lassen sich die Farben über die Entwicklertools des Browsers durch Überschreiben von CSS umkehren
• Wer kein separates Plugin verwenden möchte, für den bleiben die Entwicklertools vorerst eine provisorische Lösung, bis es eine bessere Antwort gibt

Situationen, in denen Dark Mode gut passt

• Es geht nicht darum, Dark Mode grundsätzlich abzulehnen; in den folgenden Situationen wird Dark Mode sogar bevorzugt
  • Beim Lesen auf einem OLED-Display in einem dunklen Raum, zum Beispiel wenn man vor dem Einschlafen auf dem Smartphone liest
  • Beim Schreiben von Code, da fast alle IDEs standardmäßig einen Dark Mode mit angenehmem Kontrastverhältnis bieten
  • Wenn der Dark Mode einer Website ein angenehmes Kontrastverhältnis hat
• In der anschließenden Hacker-News-Diskussion gab es sowohl Zustimmung als auch Kritik; diskutiert wurden unter anderem die Wahl zwischen Dark und Light Mode bei frühen OEMs, die Bedeutung des Kontrastverhältnisses, persönliche Erfahrungen, medizinische Bedingungen, Fragen der Barrierefreiheit und mögliche Umgehungslösungen

[GN⁺]

Meinungen auf Hacker News

• Dark Mode kam ursprünglich eher dem traditionellen Standard nahe
  Frühe grüne/bernsteinfarbene Zeichen auf schwarzen Monochrom-Displays, grauer DOS-Textmodus auf schwarzem Hintergrund, helle blaue Zeichen auf dunkelblauem Hintergrund beim C-64 und Grau/Weiß auf schwarzem Hintergrund beim Apple II waren so
  Auch bei GUIs hatte der Amiga in der Standard-Workbench einen dunkelblauen Hintergrund, und alle Paletten konnten vom Nutzer gewählt werden
  Microsoft Windows machte in den meisten Apps schwarze Schrift auf weißem Bildschirm zum Standard, weil es Papier ähnelte; Papier ist zwar weiß, aber nicht leuchtend weiß, weshalb dieser Wechsel schmerzhaft war
  Ich freue mich, dass Dark Mode zurück ist, aber es braucht eine Wahl statt erzwungenem Dark Mode, und wenn möglich sollte auch der Light Mode nicht aus maximal hellem Weiß bestehen

  • Dark Mode ist kein traditioneller Standard; Papier hatte einen weißen Hintergrund mit schwarzer Schrift
    Man sollte Geräte oder Monitore nicht auf leuchtendes Weiß stellen, sondern die Helligkeit so reduzieren, dass sie dem danebenliegenden Papier ähnelt
    Den Paradigmenwechsel brachte auch nicht Windows, sondern bei breit verbreiteten Consumer-Geräten zuerst der Mac, und dessen eingebauter CRT war bei traditioneller Bürobeleuchtung weniger hell als Papier
    Frühe Computer nutzten dunkle Farbschemata, weil die Auflösung niedrig war und die Pixelhelligkeit ausblutete, was das Lesen erleichterte; mit besserer Technik verschwand dieses Problem, und dunkle Schrift auf hellem Hintergrund ist für die Augen angenehmer, ob auf Bildschirm oder Druckerzeugnis
  • Das Kontrastverhältnis alter CRTs ist völlig anders als bei heutigen LCD-/IPS-/OLED-Displays
    Bernstein und Grün galten ebenfalls als angenehmer als weiße Zeichen, und der Unterschied ist so groß, dass ein Vergleich kaum möglich ist
    Wenn der Hintergrund statt komplett schwarz eine gewisse Helligkeit hat, kann Dark Mode für mehr Menschen in Ordnung sein, aber dann verliert man die meisten Vorteile von OLED
  • „Traditioneller Standard“ ist keine absolute Aussage
    Es stimmt, dass frühe PCs mit DOS/Unix wegen der damaligen Display-Eigenschaften einen schwarzen Hintergrund nutzten, aber davor wurden Informationen auf weißem Papier geteilt, und das frühe Internet brachte schwarze Schrift auf weißem Hintergrund wieder zurück
    Letztlich gibt es keinen eigentlichen Standard; es hängt davon ab, wann man dazugestoßen ist
  • Diese Phase war ein sehr kurzer Moment, in dem alles festgelegt wurde, und nicht persönliche Vorlieben oder Ergonomie, sondern Kostenbeschränkungen bestimmten Rechenleistung und Darstellung
    Dass die Amiga Workbench einen dunkelblauen Hintergrund hatte, lag ebenfalls an den Kosten. Man erwartete, dass viele sie per Composite-Videoausgang an einen Fernseher anschließen würden, und weiße Schrift auf blauem Hintergrund war eine Kombination, die Fernseher gut darstellen konnten
    Ein 1080-Monitor kostete etwa ein Drittel des A1000-Preises, und viele A500 wurden nach dem Auspacken zu Weihnachten vermutlich eine ganze Weile an Fernseher angeschlossen
    Ich habe fast alle Textverarbeitungen für den Amiga benutzt; außer WordPerfect hatten alle schwarze Schrift auf weißem Hintergrund, und auch WordPerfect konnte man umstellen, es behielt nur standardmäßig Blau/Weiß bei, um zu DOS zu passen
  • Dark Mode war in der frühen CRT-Zeit normal, und die meisten CRTs wurden damals mit 60 Hz oder weniger aktualisiert
    Dunkle Hintergründe machten Flimmern weniger auffällig, und als in den 1990ern CRTs mit höheren Bildwiederholraten üblich wurden, nahm das Flimmerproblem ab und Light Mode wurde zum Standard

• Moment mal: Wenn eine Website nur helle Schrift auf dunklem Hintergrund hat, dann ist das ihr Thema und ihre Atmosphäre
  Dark Mode existiert nur, wenn es auch einen Light Mode gibt, und umgekehrt genauso
  Man kann Websites, die das nicht wollen, nicht zwingen, beide Modi zu pflegen

  • Genau das steht bereits am Anfang des Artikels
    Wenn Dark Mode Teil der Marke ist, solle man für Text einen angenehmen Kontrast wählen, heißt es dort

• Light Mode als Standard und ohne Einstellungsmöglichkeit gab es lange, und als Ausgleich gibt es Plugins wie Dark Reader
  Umgekehrt gibt es aber kaum Infrastruktur, um Light Mode zu erzwingen
  In den meisten Situationen halte ich Light Mode für besser als Dark Mode. Die einzige Situation, in der Dark Mode besser ist, ist, wenn man in einem dunklen Raum sitzt und der Bildschirm die einzige Lichtquelle ist, was meist keine gesunde Umgebung ist
  Dark Mode ist eher ein Hilfsmittel; besser wäre es, das Licht einzuschalten oder schlafen zu gehen
  In einer Umgebung ohne Licht kann Light Mode beim Lesen störend sein, aber in heller Umgebung ist Dark Mode fast unlesbar. Wenn man an einem hellen Sommertag auf dem Smartphone eine Dark-Mode-UI liest, ist sie selbst bei maximaler Helligkeit schlecht zu erkennen

  • Das Dark-Reader-Plugin auf meinem System hat auch eine Option, ein helles Theme zu erzwingen
    Eigentlich haben Browser eine Funktion, um Standard-Hintergrundfarbe und Textfarbe festzulegen; wenn Websites diese Standards einfach respektieren würden, solange sie nicht wirklich etwas anderes brauchen, wären Erweiterungen nicht nötig
    Es ist traurig, dass man in einer Welt lebt, in der man Erweiterungen braucht, damit „meine Präferenz tatsächlich respektiert wird“, aber wenn es nötig ist, sollte man zumindest wissen, dass beide Optionen unterstützt werden. Die ganze Lage ist ziemlich dumm, aber es gibt Workarounds
  • Ich fand es immer seltsam, dass so viele Menschen ohne medizinischen Grund wie Höhlentrolle in dunklen Räumen sitzen wollen
    Inzwischen haben alle Betriebssysteme umschaltbare Modi und können sie dem Browser mitteilen. Der Browser kann und sollte sich an die vom Betriebssystem gemeldete Einstellung anpassen
    UI-Design ist, abgesehen von ein paar Inseln der Vernunft wie Paul Fitts, größtenteils eine Kette falsch angewandter Stimmungen und Moden
    Zuerst heißt es, Kontrast sei schlecht, also verwendet man zu wenig Kontrast; danach heißt es, Helligkeit sei schlecht, also verwendet man zu wenig Helligkeit. Dann erkennt man wieder, warum Kontrast und Helligkeit von Anfang an wichtig waren, und der Zyklus geht weiter
  • Aus Sicht von jemandem, der Katarakte hatte, war Light Mode sehr schwer zu lesen
    Es fühlte sich an, als würde man direkt in das Fernlicht eines Autos schauen; ich habe zwar das Dark-Reader-Plugin genutzt, aber das ist nicht dasselbe, wie wenn eine Website Dark Mode richtig unterstützt
  • Auch wenn die Bildschirmhelligkeit unangemessen hoch eingestellt ist, kann Dark Mode besser sein
  • Auf meinem Bildschirm werden schwarze Pixel tatsächlich ausgeschaltet, deshalb mag ich den Pure Black Mode
    Selbst am helllichten Tag ist er viel angenehmer anzusehen. Ich wünschte, Pure Black Mode wäre wie in manchen Android-Apps eine separate Option neben Dark/Light Mode
    Derzeit behelfe ich mir in Dark Reader, indem ich die Helligkeit minimiere, aber das ist etwas grob

• Dieser Blog selbst folgt nicht den Geräteeinstellungen, sondern zwingt den Lesern den Light Mode auf.
  Der Autor ändert unterwegs seine Position und kommt zu dem Schluss, dass nicht der Dark Mode das Problem ist, sondern der Farbkontrast.

  • Auch der Blog des Autors definiert explizit color: #111; und background-color: #fdfdfd;; das entspricht einem Kontrastverhältnis von 18,56:1.
  • Der eigentliche Punkt ist also das Kontrastverhältnis, weshalb der Titel etwas unehrlich wirkt.
    Ironischerweise sagt er am Ende, er werde als Workaround einen Invertierungsfilter verwenden. Wenn jemand, der Dark Mode bevorzugt, auf der stark weiß hinterlegten Website mit schwarzem Text des Autors etwas wie Vivaldis Invert Mode nutzt, entsteht genau das dunkle Kontrastverhältnis, über das sich der Autor beschwert.

• Ich würde mir wünschen, dass Nutzern kein niedriges Kontrastverhältnis aufgezwungen wird.
  Nicht alle betrachten Inhalte auf einem auf über 100 Nits kalibrierten Display und bei heller, aber vernünftiger Umgebungsbeleuchtung.
  Die empfohlene Grau-auf-Grau-Kombination kann zum Beispiel schwer lesbar sein, wenn man in völliger Dunkelheit bei Helligkeit 0 liest oder unter direkter Sonneneinstrahlung.
  Der gesamte SDR-Farbraum ist dazu da, genutzt zu werden; er ist kein HDR, das man einschränken müsste, um Nutzer nicht zu blenden.

  • Grau-auf-Grau-Kombinationen können auch für ältere Menschen schwierig sein.

• Es geht nicht nur um Light gegen Dark. Ich möchte, dass Websites generell meine Systemeinstellungen respektieren.
  Wenn mein Betriebssystem-Theme violetten Comic-Sans-Text auf gelbem Backsteinhintergrund verwendet, sollte der Browser das ebenfalls respektieren.
  Wenn ich Text über die gesamte Browserbreite lesen möchte, statt ihn in einer schmalen, fünf Zoll breiten Spalte in der Mitte sehen zu müssen, sollte ich nicht in den Browser-Einstellungen zaubern, überschreibendes CSS heraufbeschwören oder eine Erweiterung installieren müssen.
  Der Browser sollte einfach sagen: „Webentwickler, da kann man nichts machen. Die Nutzerpräferenz gewinnt.“
  Browser haben Entwicklern zu viel Kontrolle gegeben, um zu ignorieren, was Nutzer wollen; der Begriff „User Agent“ wirkt dadurch hohl. Inzwischen sind sie eher Entwickler-Agenten.

  • Auch wenn man gegen den gelben Hintergrund vielleicht nichts machen kann: Comic Sans zu erzwingen ist in Firefox leicht, indem man sie als bevorzugte Schriftart festlegt und „Seiten erlauben, eigene Schriftarten zu wählen“ deaktiviert.
    Ich nutze das selbst so, und das Web-Browsing ist dadurch viel besser geworden.
  • Respektieren Desktop-Apps oder andere Dinge solche Einstellungen tatsächlich?
  • Ich will das nicht so; ich möchte pro Website oder App das Schema separat auswählen.
    An manchen Stellen ist Dark Mode großartig, an anderen völlig unsinnig. Mit weißen Themes ist es genauso.
  • Das klingt, als wolltest du standardmäßig den Lesemodus verwenden. Einige Browser erlauben das.

• Zu viele Webentwickler nehmen an, dass alle Dark Mode mögen, setzen ihn als Standard und rechtfertigen das dann damit, dass es einen Dark-/Light-Mode-Umschalter gibt.
  Es ist erstaunlich, wie oft selbst neu erstellte Websites die Nutzerpräferenz nicht erkennen, sondern etwas fest verdrahten.
  Als Entwickler kann man mit der CSS-Eigenschaft color-scheme angeben, in welchen Farbschemata Elemente sinnvoll gerendert werden können.
  :root { color-scheme: light dark; }
element { light-dark(light-color-code, dark-color-code); }
  Als macOS-Nutzer habe ich gemischte Präferenzen: Dark Mode ist bei Dingen wie der Menüleiste oder der IDE gut, aber zum Lesen, Schreiben und Browsen bevorzuge ich Light.
  Dazu stellt man in den System Preferences das Theme auf LIGHT, führt defaults write -g NSRequiresAquaSystemAppearance -bool Yes aus, loggt sich aus und stellt danach in den System Preferences das Theme auf DARK.
  Um zum Standard-Theme zurückzukehren, führt man defaults write -g NSRequiresAquaSystemAppearance -bool No aus.

  1. https://developer.mozilla.org/en-US/docs/Web/CSS/color-schem...

• Das Lustige ist, dass das Beispiel für „gut lesbaren Text“ im Blog für mich wegen des niedrigen Kontrasts wirklich schwer zu lesen ist.
  Ich frage mich, welche Augenbeschwerden oder welchen Monitor er hat.

  • Meine Vermutung: Er nutzt einen sehr teuren HDR-Monitor für Designer und verwendet für alles den vollen Farbumfang.
  • Ich kann diese lesbarkeitszerstörende Besessenheit von Grau auf Grau auf Grau nicht verstehen.
    Ich halte es nicht aus, es ist hässlich und schwer zu lesen. Bitte hört alle damit auf.
  • Ich bevorzuge ebenfalls Light Mode, aber auf meinem etwa 300-Dollar-Display ist grauer Text deutlich leichter zu lesen als weißer Text.

• Es gibt eine Web-API, mit der man herausfinden kann, ob ein Nutzer Dark Mode verwendet; man sollte sie einfach nutzen.
  @media (prefers-color-scheme: dark) { CSS Rules here... }

• Dark Mode war ein Fehler.
  Frühe LCDs waren dunkel, also haben alle als Ausgleich Weiß stark hochgedreht; jetzt haben LCDs aufgeholt, und das brennt vielen Leuten geradezu die Augen aus.
  Deshalb müssen zunehmend zwei Modi unterstützt werden, und Apples lächerlich hässliches Dark-Mode-Icon zeigt, wie schwer es ist, das gut zu machen.
  Idealerweise sollten wir die Grundfarbe von Computeroberflächen wieder auf Grau zurückstellen, wie damals, als helle CRTs der Standard waren.
  Das hätte außerdem den Vorteil, dass UI-Elemente Tiefenhinweise bekommen könnten; auch das sollten wir zurückbringen.

  • Das ist einfach persönliche Vorliebe.
    Der Kernpunkt ist, dass es konfigurierbar sein sollte, damit Nutzer ihre eigenen Präferenzen einstellen können.
    Persönlich finde ich Light Mode grell, schmerzhaft für die Augen und ermüdend. Menschen sind unterschiedlich.
  • CRTs hatten außerdem leicht zugängliche Regler für Helligkeit und Kontrast, sodass jeder schnell seine Vorlieben einstellen konnte, ob nun schwarzer Text auf weißem Hintergrund oder umgekehrt.
  • Ist „die Grundfarbe auf Grau stellen“ nicht in den meisten Fällen genau das, was Dark Mode bereits tut?
    Light Mode ist meist nicht komplett weiß, und Dark Mode bewegt sich in Grautönen.