DogFatherGitandClaude Opus 5
e282ad3b44
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]>
