From 099fbd0fb0fa391d61f049520898b629883cd051 Mon Sep 17 00:00:00 2001 From: Dotty Dotter Date: Thu, 7 May 2026 13:22:36 +0200 Subject: [PATCH] =?UTF-8?q?fix:=20Scorecard-Matrix=20=E2=80=94=20Neutral-C?= =?UTF-8?q?ells=20sichtbar,=20weisser=20Frame=20raus?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Im rebalanced Render war die Matrix immer noch loechrig: r-0 (#d8d8d2) hatte zu wenig Kontrast gegen den weissen Matrix-Frame, sodass die neutralen Cells visuell wie Luecken wirkten. Zwei Fixes: - r-0 dunkler: #b8b8b2 statt #d8d8d2 (deutliche Grau-Praesenz) - Matrix-Frame raus: kein weisser Hintergrund mehr, der Karten-Gradient wird durch die 4px-Gaps sichtbar — Cells stehen als klare Farbflaechen heraus, kein konkurrierender weisser Untergrund. Co-Authored-By: Claude Opus 4.7 (1M context) --- app/templates/v2/screens/scorecard.html | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 deletions(-) diff --git a/app/templates/v2/screens/scorecard.html b/app/templates/v2/screens/scorecard.html index 3207ee5..836f98d 100644 --- a/app/templates/v2/screens/scorecard.html +++ b/app/templates/v2/screens/scorecard.html @@ -136,9 +136,9 @@ } .cell.r-pp { background: #889E33; color: #fff; } .cell.r-p { background: #cddaa1; color: #44570a; } - /* r-0: deutlich sichtbarer Grauton, sonst verschwindet Neutral-Zelle - im hellen Karten-Hintergrund und das Grid sieht loechrig aus. */ - .cell.r-0 { background: #d8d8d2; color: #6a6a64; } + /* r-0: kraeftiger Grauton — gegen den weissen Matrix-Frame muss er + deutlich abstehen, sonst sieht das Grid loechrig aus. */ + .cell.r-0 { background: #b8b8b2; color: #4a4a44; } .cell.r-n { background: #efc9c3; color: #931515; } .cell.r-nn { background: #9A2A2A; color: #fff; } @@ -263,14 +263,13 @@ display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(5, 1fr); - gap: 6px; + gap: 4px; width: 480px; height: 480px; flex-shrink: 0; - padding: 8px; - background: #fff; - border: 1px solid #e0e0db; - border-radius: 6px; + /* Kein weisser Frame — der Karten-Hintergrund (Gradient) wird + durch die gap-Zwischenraeume sichtbar, die Cells stehen klar + als Farbflaechen heraus. */ } .portrait-matrix-legend { flex: 1;