fix(frontend): primary-Tailwind-Farben via @theme registriert #55

New issue

Closed

opened 2026-06-21 17:11:32 +02:00 by niboer · 0 comments

niboer commented

2026-06-21 17:11:32 +02:00

Owner

Der Login-Button auf der Landing Page (/) hat weissen Text auf weissem Hintergrund, da Tailwind v4 die Klasse bg-primary-600 nicht kennt.

Ursache: Tailwind v4 generiert Utility-Klassen nur aus registrierten @theme-Werten. Die Farb-Token in shared/design-tokens/tokens.css werden zwar als CSS-Custom-Properties importiert, aber nicht als Tailwind-Theme-Werte registriert.

Loesung: app.css erhaelt einen @theme-Block, der --color-primary-* als var()-Referenzen an Tailwind v4 uebergibt.

Fehlerbild (visuell):

Landing Page zeigt Login-Button als unsichtbares Feld (weiss auf weiss)
Erst beim Darueberfahren mit der Maus ist der Button durch Hover-Effekt zu erahnen

Gehoert zu MS7 (BFF-Skelett & Konnektivitaetstest).

Der Login-Button auf der Landing Page (/) hat weissen Text auf weissem Hintergrund, da Tailwind v4 die Klasse `bg-primary-600` nicht kennt. **Ursache:** Tailwind v4 generiert Utility-Klassen nur aus registrierten @theme-Werten. Die Farb-Token in shared/design-tokens/tokens.css werden zwar als CSS-Custom-Properties importiert, aber nicht als Tailwind-Theme-Werte registriert. **Loesung:** `app.css` erhaelt einen @theme-Block, der --color-primary-* als var()-Referenzen an Tailwind v4 uebergibt. **Fehlerbild (visuell):** - Landing Page zeigt Login-Button als unsichtbares Feld (weiss auf weiss) - Erst beim Darueberfahren mit der Maus ist der Button durch Hover-Effekt zu erahnen **Gehoert zu MS7 (BFF-Skelett & Konnektivitaetstest).**

niboer added this to the MS7: BFF-Skelett & Konnektivitätstest milestone

2026-06-21 17:11:32 +02:00

niboer added the

component/frontend

prio/high

labels

2026-06-21 17:11:32 +02:00

niboer referenced this issue

2026-06-21 17:37:56 +02:00

Konfiguration und Dokumentation (Gitea-Tokens, MS-Cleanup) #62

niboer referenced this issue from a commit

2026-06-21 17:39:35 +02:00