docs: Diagrammfarben in der Design-Dokumentation festhalten

2026-09-01 20:51:11 +02:00
parent 29ef710b9b
commit b3eb946cfa
1 changed files with 24 additions and 0 deletions
@@ -103,6 +103,30 @@ denselben Variablennamen — keine Änderung an Komponenten.
 | `.fl-progress` | Fortschrittsbalken im Signaturverlauf |
 | `.fl-glimmer` | Mikro-Animation beim Abhaken einer Episode |
 ## Diagrammfarben
 Die Signaturfarben sind für Diagrammflächen auf dunklem Grund zu hell. Für die
 beiden Serien der Statistik stehen deshalb abgedunkelte Varianten:
 | Serie | Wert | Prüfung |
 |---|---|---|
 | Episoden | `#c47a18` | Helligkeitsband, Sättigung, Kontrast ≥ 3:1 — in **beiden** Modi |
 | Filme | `#d92d78` | dito |
 Das schlechteste Paar erreicht ΔE 12,1 unter Deuteranopie und 20,6 bei
 normalem Sehen (Ziel: ≥ 8 bzw. ≥ 15). Beide Werte gelten auf hellem wie
 dunklem Grund, weshalb es nur **eine** Diagrammpalette gibt statt zweier.
 Balken ohne Identitätsbedeutung (Genre-Verteilung) tragen einheitlich
 `#c47a18` — die Länge zeigt schon die Größe, die Farbe muss nichts
 wiederholen. Streamingdienste tragen ihre Markenfarbe, aber nur, wenn sie auf
 hellem *und* dunklem Grund mindestens 3:1 erreicht; sonst fällt der Balken auf
 den geprüften Standardton zurück.
 Die Aussage hängt nie allein an der Farbe: Legende, Achsenwerte, ein Tooltip
 beim Überfahren und eine für Screenreader hinterlegte Tabelle tragen dieselbe
 Information.
 ## Bewegung
 Ruhig und kurz: 200–420 ms, `cubic-bezier(0.22, 1, 0.36, 1)`. Keine harten