From e26a0c059cc9d6a8bee4b1ae57eb6fbd06afe421 Mon Sep 17 00:00:00 2001 From: AliceDarkest Date: Mon, 29 Jun 2026 19:48:03 +0200 Subject: [PATCH] Fehler-Rot von Orange abgesetzt (kuehleres Crimson) --danger lag farblich zu nah am orangen Akzent (v.a. Light-Mode: accent #d65116 vs danger #c61f2b). Jetzt kuehleres Crimson-Rose: dunkel #ff4d6d, hell #be123c -> klare Abgrenzung von Orange, weiterhin eindeutig Alarm-Rot. Erbt automatisch in alle Spiele-/Alert-States. Co-Authored-By: Claude Opus 4.8 (1M context) --- CHANGELOG.md | 2 +- src/main/resources/static/css/theme.css | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 8ef191c..604c962 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -19,7 +19,7 @@ Konto-Löschung sowie ein app-weiter Farb-Relaunch auf das ### Geändert - **FinalFlux-Inhalte komplett überarbeitet (28 Themen, ~742 Fragen):** die generischen Dummy-Falschantworten („nur Dekoration", „zufälliger Begriff" …) durch plausible, themennahe Distraktoren ersetzt, jede Frage mit echter Begründung und variierender Antwortposition. Jede Themenseite hat jetzt **echten Lehrtext** (Definitionen, Funktionsweise, Rechenbeispiele, Merksätze) statt des bisherigen Stubs. - **App-weiter Farb-Relaunch auf „Back to the Future"-Palette:** Primär **Feuer-Amber** (`#f0a81a`) + Gelb-Glow, **Flux-Blau** (`#2d9cce`) als Zweitakzent (u. a. Links); warmer Bernstein-Glow statt Matrix-Grün. Dark/Light bleiben (sehr dunkler/sehr heller Grund). Zentral über `theme.css`-Tokens; Legacy-Cyan in `style.css` auf Theme-Variablen umgestellt. -- **Spiele-Feedback ohne Grün:** richtig = **Flux-Blau + ✓**, falsch = **Rot + ✗** in FinalFlux, MindMatch und TechTacular (löst den fehlenden Kontrast von „grün auf grün"); neue Tokens `--success`, `--danger`, `--secondary`. +- **Spiele-Feedback ohne Grün:** richtig = **Flux-Blau + ✓**, falsch = **Rot + ✗** in FinalFlux, MindMatch und TechTacular (löst den fehlenden Kontrast von „grün auf grün"); neue Tokens `--success`, `--danger`, `--secondary`. Das Fehler-Rot ist ein kühleres Crimson (`#ff4d6d` dunkel / `#be123c` hell), damit es sich klar vom orangen Akzent abhebt (v. a. im Light-Mode). - Registrierungs-Duplikat leitet auf `/?registerError` (kombinierte Seite öffnet automatisch das Signup-Panel). - **Vollständig responsive / mobiltauglich:** Auf schmalen Screens wird die App-Sidebar nicht mehr ausgeblendet (vorher fehlte die Navigation komplett), sondern zu einer Off-Canvas-Schublade mit Hamburger-Button + Backdrop (global via `theme.js` injiziert, Styles in `theme.css`). Topbar stapelt/umbricht (dekorativer Puls + Suche ausgeblendet), Spielkarten-Grid 3→2→1, breite Tabellen horizontal scrollbar. Spiele, FinalFlux und Login/Registrierung waren bereits responsiv. diff --git a/src/main/resources/static/css/theme.css b/src/main/resources/static/css/theme.css index 5b80248..a21c49c 100644 --- a/src/main/resources/static/css/theme.css +++ b/src/main/resources/static/css/theme.css @@ -13,7 +13,7 @@ --border-accent:rgba(240,168,26,.45); --accent:#f0a81a; --accent-2:#f7dc11; --accent-ink:#1c1100; --secondary:#2d9cce; --secondary-2:#5cc4e8; --text:#ece3d2; --muted:#8c8170; --heading:#ffffff; - --success:#2d9cce; --danger:#ff5a5f; + --success:#2d9cce; --danger:#ff4d6d; --glow-s:rgba(240,168,26,.55); --glow-w:rgba(240,168,26,.16); --g-soft:0 0 18px var(--glow-w); } @@ -24,7 +24,7 @@ --border-accent:rgba(214,81,22,.40); --accent:#d65116; --accent-2:#e4801d; --accent-ink:#ffffff; --secondary:#1f86b8; --secondary-2:#2d9cce; --text:#33271c; --muted:#8a7d6c; --heading:#241a12; - --success:#1f86b8; --danger:#c61f2b; + --success:#1f86b8; --danger:#be123c; --glow-s:rgba(214,81,22,.40); --glow-w:rgba(214,81,22,.12); --g-soft:0 6px 18px var(--glow-w); }