Diese Seite wurde mit AI-Unterstützung übersetzt. Das englische Original ist maßgeblich.
Über den größten Teil der Geschichte der Bildschirmtypografie gab es eine Lesefläche: dunkle Schrift auf hellem Grund, dem Papier nachempfunden. Der Dark Mode hat das geändert. Innerhalb weniger Jahre wurde er von einer Nischenvorliebe unter Entwicklern zu einer Systemeinstellung auf jedem großen Betriebssystem, und Lesende kommen heute auf eine Seite, nachdem sie ihrem Gerät bereits gesagt haben, welche Polarität sie wollen. Die Typografie muss auf beiden Flächen antworten.
Was die Polaritätsforschung sagt
Display-Polarität — ob Text dunkel-auf-hell (positive Polarität) oder hell-auf-dunkel (negative Polarität) steht — wird seit der CRT-Ära erforscht, und die Befunde sind recht konsistent. Für längeres Lesen bei gewöhnlicher Beleuchtung misst sich positive Polarität im Allgemeinen besser: Studien zu Korrekturlesen, Sehschärfe und Lesegeschwindigkeit tendieren zugunsten dunkler Schrift auf hellem Hintergrund. Die führende Erklärung ist physiologisch. Eine helle Fläche verengt die Pupille, und eine kleinere Pupille erzeugt ein schärferes Netzhautbild mit größerer Tiefenschärfe. Helle Schrift auf dunklem Grund weitet die Pupille und macht das Bild weicher.
Das ist der allgemeine Fall, nicht der universelle. Der Dark Mode verdient seinen Platz in mindestens drei Situationen:
- Wenig Umgebungslicht. Eine hell-weiße Seite in einem dunklen Raum blendet, stört die Dunkeladaptation und kann wirklich unangenehm sein. In dunklen Umgebungen verringert negative Polarität die Diskrepanz zwischen Bildschirm und Umgebung.
- Photophobie und Lichtempfindlichkeit. Lesende mit migränebedingter Lichtempfindlichkeit, bestimmten Symptomen nach Gehirnerschütterungen oder Erkrankungen, die helle Flächen schmerzhaft machen, sind oft auf dunkle Themes angewiesen, um überhaupt lesen zu können.
- Manche Sehbehinderungen. Lesende, die von Streulicht betroffen sind — etwa durch Katarakte oder getrübte Augenmedien —, sehen unter Umständen klarer, wenn das insgesamt von der Seite abgestrahlte Licht reduziert wird. Unter den Nutzern von Bildschirmlupen und Hochkontrastmodi gibt es aus genau diesem Grund seit jeher ein Hell-auf-Dunkel-Kontingent.
Halation und das Astigmatismus-Problem
Der charakteristische Fehlschlag dunkler Themes ist Halation: Helle Schrift auf dunklem Grund scheint zu glühen, blutet nach außen aus und lässt die Buchstabenform verschwimmen. Der Effekt ist am stärksten bei reinem Weiß auf reinem Schwarz, und am schlimmsten für Lesende mit Astigmatismus — einer sehr verbreiteten Fehlsichtigkeit —, deren unvollkommen fokussierende Optik die hellen Striche zusätzlich verschmiert. Dünne Schriftarten leiden am meisten, weil der Halo einen größeren Anteil des Strichs verschlingt.
Die Abhilfen sind unkompliziert:
- Nie reines Weiß auf reinem Schwarz verwenden. Mildern Sie beide Enden ab: Ein helles Grau auf einem sehr dunklen Grau reduziert das Glühen drastisch und behält reichlich Kontrast.
- Die scheinbare Strichstärke kompensieren. Helle Schrift auf dunklem Grund wirkt fetter als dieselbe Schrift invertiert, weil sich die hellen Striche ausbreiten. Schrift in einem dunklen Theme verträgt oft eine Spur weniger Strichstärke — oder wird, mit einem Variable Font, über die Grade-Achse angepasst (siehe das folgende Kapitel), sodass die Korrektur keinen Neuumbruch verursacht.
- Die helle Palette nicht einfach invertieren. Ein durch Negation entworfenes dunkles Theme hat gewöhnlich zu viel Kontrast im Text und zu wenig im Interface. Es sollte als eigene Komposition gestaltet werden, mit eigenen, geprüften Kontrastwerten.
Die Wahl der Lesenden respektieren
Die Media Query prefers-color-scheme meldet die Betriebssystem-Präferenz der Leserin, und sie zu honorieren ist die moderne Grundlinie. Eine Leserin, die auf Systemebene den Dark Mode gewählt hat, hat eine Präferenz ausgedrückt — manchmal ein medizinisches Bedürfnis —, und eine Website, die sie mit einer weißen Seite anstrahlt, hat sie übergangen. Das Umgekehrte gilt ebenso: Ein dunkles Theme Lesenden aufzuzwingen, die hell gewählt haben, ist genauso anmaßend. Bieten Sie gern eine seiteninterne Umschaltung an, aber folgen Sie standardmäßig der OS-Einstellung — und denken Sie daran, beide Themes vollständig zu definieren: Ein halb gestylter Dark Mode, mit dunkler Schrift, die auf eine dunkle Fläche vererbt wird, ist schlimmer als keiner.
Die Hardware unter der Seite
Das Display selbst ist Teil der Lesefläche. Auf OLED-Bildschirmen sind schwarze Pixel schlicht abgeschaltet, weshalb Echtschwarz-Themes Akku sparen — ein legitimer Vorteil —, aber das pixelweise Schalten kann auf manchen Panels beim Scrollen ein leichtes Schmieren heller Schrift erzeugen: ein weiteres Argument für Fast-Schwarz statt absolutem Schwarz. E-Ink-Displays stehen am anderen Extrem: Sie sind reflektiv wie Papier, strahlen kein Licht ab und rendern fast ausschließlich positive Polarität gut. Inhalte, die voraussichtlich auf E-Readern gelesen werden, sollten für ihre Leserlichkeit nie von einem dunklen Theme abhängen.
Warum dieses Kapitel neu ist
2005 gehörten dunkle Bildschirme Terminals und der Science-Fiction; das Web war weiß, und Polarität war eine erledigte Frage, weil Lesende keine Möglichkeit hatten, eine Präferenz auszudrücken. Es gab keine systemweite Dunkel-Einstellung, kein prefers-color-scheme, kein OLED in der Tasche der Leserin. Der Dark Mode als etablierte, von Nutzern gesteuerte Lesefläche ist eine Entwicklung des letzten Jahrzehnts, und er verwandelte die Polarität von einer historischen Fußnote in eine lebendige gestalterische Verantwortung.
In CSS
/* Design the dark theme; don't just invert the light one */
@media (prefers-color-scheme: dark) {
:root {
--paper: #171310; /* near-black — never #000 */
--ink: #ece5d6; /* off-white — never #fff (halation) */
}
img { filter: brightness(0.9); } /* dim plates to the surface */
}Empfehlungen
- Behalten Sie dunkel-auf-hell als Standardfläche für längeres Lesen bei; die Evidenz zum Dauerlesen spricht dafür.
- Honorieren Sie
prefers-color-schemein beide Richtungen — behandeln Sie die OS-Einstellung als Entscheidung der Leserin. - Vermeiden Sie in dunklen Themes reines Weiß auf reinem Schwarz; mildern Sie beide Werte ab, um Halation zu kontrollieren.
- Reduzieren Sie die Strichstärke in dunklen Themes leicht (oder senken Sie den Grade), um der scheinbaren Verfettung entgegenzuwirken.
- Gestalten Sie die dunkle Palette eigenständig und verifizieren Sie ihre Kontrastverhältnisse; invertieren Sie nicht das helle Theme.
- Bevorzugen Sie auf OLED fast-schwarze Flächen gegenüber absolutem Schwarz, um Scroll-Schmieren zu begrenzen — es sei denn, Akkuersparnis ist das ausdrückliche Ziel.
- Gehen Sie davon aus, dass E-Ink-Lesende positive Polarität sehen; machen Sie den Dark Mode nie tragend.