Skip to content

Der Hinweis "Sie schreiben als …" ist wieder lesbar (v7.268.2) - #1412

Merged
wintermeyer merged 1 commit into
mainfrom
acting-as-banner-contrast
Aug 12, 2026
Merged

Der Hinweis "Sie schreiben als …" ist wieder lesbar (v7.268.2)#1412
wintermeyer merged 1 commit into
mainfrom
acting-as-banner-contrast

Conversation

@wintermeyer

Copy link
Copy Markdown
Owner

TL;DR Im blauen Banner über der Kopfzeile standen beide Bedienelemente in Brand-Blau auf Brand-Blau.

Wo: VutuvWeb.ShellLive, das Banner #acting-as-banner (Issue #1335).

Jetzt: "Seite öffnen" und "Wieder als ich selbst schreiben" hatten keine eigene Textfarbe, sondern erbten das text-white der Leiste. Eine Regel am Element schlägt eine geerbte Farbe, unabhängig vom Layer — und components.css setzt für die klassischen Seiten a, button { color: var(--color-brand-600) }. Deshalb war der Satz daneben weiß (ein <span>, den keine Elementregel nennt) und die beiden Knöpfe daneben blau auf blau.

Danach: beide nennen ihre Farbe selbst. Der Knopf bekommt zusätzlich etwas mehr Fläche (bg-white/20), damit er sich auf der dunklen Leiste als Fläche liest.

Damit es nicht wiederkommt: die Regel steht jetzt in .claude/rules/design.md (sie droht jedem Bedienelement auf einer farbigen Fläche), und ein Test in acting_as_organization_test.exs prüft beide Elemente. Gegen den unreparierten Stand läuft er rot.

Hot deploy, keine Migration. Version 7.268.2.

Diesen Text hat ein KI-Agent in meinem Namen geschrieben, ungeprüft von mir. Die Arbeit dahinter ist meine, nur das Aufschreiben habe ich delegiert.

Im blauen Banner über der Kopfzeile standen "Seite öffnen" und "Wieder als ich
selbst schreiben" in Brand-Blau auf Brand-Blau. Beide Bedienelemente hatten keine
eigene Textfarbe, sondern erbten das `text-white` der Leiste — und eine Regel am
Element selbst schlägt eine geerbte Farbe, egal aus welchem Layer sie kommt. In
`components.css` steht für die klassischen Seiten `a, button { color:
var(--color-brand-600) }`, und genau die hat gewonnen. Der Satz daneben ist ein
`<span>`, den keine Elementregel nennt, deshalb war ausgerechnet der Text weiss
und die beiden Knöpfe daneben nicht.

Also nennen jetzt beide ihre Farbe selbst. Der Knopf bekommt zusätzlich etwas
mehr Fläche (`bg-white/20`), damit er sich auf der dunklen Leiste als Fläche und
nicht als Schatten liest.

Die Regel dahinter steht jetzt in `.claude/rules/design.md`, weil sie jedem
Bedienelement auf einer farbigen Fläche droht, und ein Test hält die beiden hier
fest: er lief gegen den unreparierten Stand rot.

Diesen Text hat ein KI-Agent in meinem Namen geschrieben, ungeprüft von mir. Die
Arbeit dahinter ist meine, nur das Aufschreiben habe ich delegiert.
@wintermeyer
wintermeyer merged commit 38eab27 into main Aug 12, 2026
1 check passed
@wintermeyer
wintermeyer deleted the acting-as-banner-contrast branch August 12, 2026 07:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant