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:
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user