Filipe, screen28: "dieser anmelde button soll noch viel spezieller sein
bitte. und viel geiler."
NUR DIESER EINE KNOPF. Er traegt die Klasse `.knopf`, die im Workspace an
Dutzenden Stellen haengt -- wer sie aendert, aendert jeden Knopf im Haus.
Die Regel greift deshalb ueber `#knopf` und laesst alle anderen in Ruhe.
Der Verlauf laeuft vom Chili-Rot von Spicy Media in das Blau von Dogi --
dieselbe Klammer wie im Schriftzug der Kopfleiste, und hier besonders am
Platz: Dieser Knopf ist die Tuer ins Haus.
UND DANN HAT MICH DIE RECHNUNG WIDERLEGT. Der erste Entwurf nahm die
Marken-Toene direkt (#d94a3f bis #7ec8f2). Er sah gut aus -- genau das
ist die Falle. Nachgerechnet lag weisser Text darauf bei:
#d94a3f 4,20:1 #6ca8d8 2,55:1
#e2664a 3,37:1 #7ec8f2 1,84:1
Auf dem hellsten Punkt also nicht einmal beim halben Mindestwert. Ich
hatte im Kommentar daneben "ueber 4,5:1 an jeder Stelle" behauptet, ohne
es nachzurechnen. Der Knopf waere schoen und unlesbar gewesen.
Jeder Stuetzpunkt ist jetzt so weit abgedunkelt, bis weisser Text 4,6:1
erreicht -- knapp ueber der Grenze, damit Rundungen nicht darunter
rutschen. Die Farben bleiben erkennbar Rot und Blau, sie sind nur tiefer.
Schlechtester Wert jetzt 4,63:1.
MERKSATZ, der auch fuer jeden naechsten Verlauf gilt: Ein Verlauf ist so
lesbar wie sein HELLSTER Punkt, nicht wie sein Durchschnitt. Beim
Textverlauf in der Kopfleiste war es dieselbe Regel mit umgekehrtem
Vorzeichen -- dort zaehlt der dunkelste.
Der Glanz wandert beim Ueberfahren statt zu pulsieren (wie Manager-Stern
und Kalender-Knopf), bei `prefers-reduced-motion` entfaellt er. Waehrend
der Anmeldung wird der Knopf ruhig gestellt, damit der Ladepunkt die
Aufmerksamkeit bekommt und nicht der Glanz.
pruef-start-ansicht EXIT=0 (140), pruef-css-klassen EXIT=0.
Co-Authored-By: Claude Opus 5 <[email protected]>
DogFatherGitandClaude Opus 5
e282ad3b44