feat: stronger visual scoring differentiation + streak fix

- Exakt cards: gold glow border, gold banner, trophy emoji, larger animated badge
- Tendency: green accent (was blue), clearer differentiation from Exakt
- Falsch: muted gray, reduced opacity — clearly "lost"
- Profile tip history: solid gold/green/gray badges with distinct borders
- Streak: remove utc_date <= NOW() filter so dev-finished matches count; handle PostgreSQL boolean serialization

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Ronny
2026-04-12 09:31:15 +02:00
parent 1eaec75901
commit 8b7b31826a
4 changed files with 48 additions and 29 deletions
+15 -3
View File
@@ -186,9 +186,21 @@
color: var(--text-muted);
}
.badgeExact { background: rgba(255,196,0,0.15); color: var(--gold); }
.badgeTendency { background: rgba(34,197,94,0.15); color: var(--success); }
.badgeWrong { background: rgba(239,68,68,0.12); color: var(--error); }
.badgeExact {
background: linear-gradient(135deg, #FEAE32, #FFD700);
color: #1a1a1a;
box-shadow: 0 0 8px rgba(254,174,50,0.35);
}
.badgeTendency {
background: rgba(34,197,94,0.22);
color: #4ade80;
border: 1px solid rgba(34,197,94,0.30);
}
.badgeWrong {
background: var(--surface-high);
color: var(--text-muted);
border: 1px solid var(--border-subtle);
}
/* ── Fun stats ── */
.funStats { display: flex; flex-direction: column; gap: 12px; }