Yumder · Navbar & Buttons ohne Transparenz

Spec-Mockup: halbtransparente Flächen entfernen, mit klaren (deckenden) Farben arbeiten. Aussgenommen: Sprachwahl (LanguageSwitch) und Tutorial-Button („So geht’s").

vorher (transluzent / backdrop-blur) nachher (deckend)

1 · Bottom-Navigation

VORHER

Pill bg-neutral-900/80 + blur · aktiver Tab bg-yumder-pink/15

Start
Matches
Einstellungen
NACHHER

Pill bg-neutral-900 · aktiver Tab bg-yumder-pink

Start
Matches
Einstellungen
  • Pill: bg-neutral-900/80 + backdrop-blur-xl → bg-neutral-900
  • Aktiver Tab: bg-yumder-pink/15 → bg-yumder-pink (Icon/Label weiß)
  • Inaktive Tabs: unverändert text-neutral-500

2 · Startseite · Buttons

VORHER

„Tisch beitreten"

Tisch beitreten

„Zurück" (Erstellen-Wizard)

Zurück
NACHHER

„Tisch beitreten"

Tisch beitreten

„Zurück" (Erstellen-Wizard)

Zurück
  • Join: bg-neutral-900/60 + blur → bg-neutral-900
  • Zurück: bg-neutral-800/70 → bg-neutral-800

3 · Einstellungen · Buttons

VORHER

„Daten zurücksetzen"

Daten zurücksetzen

„Feedback geben"

NACHHER

„Daten zurücksetzen"

Daten zurücksetzen

„Feedback geben"

  • Daten: bg-yumder-pink/10 + border/40 → bg-yumder-pink (weiß)
  • Feedback: bg-yumder-teal/10 + border/40 → bg-yumder-teal (dunkel)

4 · Matches · Session-Code-Chip

VORHER

Code-Kopie-Button

AB12CD ✓
NACHHER

Code-Kopie-Button

AB12CD ✓
  • bg-neutral-900/70 → bg-neutral-900

5 · Verwandte Flächen (Karten/Container) — optional

Dieselben transluzenten Flächen stecken auch in Karten, die keine „Buttons" sind: Erstellen-Wizard-Shell, Einstellungs-Sektionen und Match-Zeilen. Für ein konsistentes Bild sollten sie mitgezogen werden – bitte bestätigen.

VORHER

Einstellungen · Sektion

bg-neutral-900/60 + backdrop-blur-xl
NACHHER

Einstellungen · Sektion

bg-neutral-900 (deckend)
  • Karten/Sektionen: bg-neutral-900/60 + blur → bg-neutral-900
  • Match-Zeile: bg-neutral-800/40 → bg-neutral-800
Umsetzungshinweise