valknar/sexy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Streamline card titles to a single color

Browse Source 
Every CardTitle now uses the default foreground color; only size marks
the hierarchy (text-sm for stat-tile labels, text-base for section
titles, text-2xl for the login wordmark) instead of some titles being
muted-gray and others white.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WzyfRyA7h5rs5SCAahLAWd
This commit is contained in:
valknar
2026-08-30 20:42:41 +02:00
co-authored by Claude Sonnet 5
parent c778ab3cf2
commit fa04cb32b4
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/(app)/page.tsx
+3 -3
View File
@@ -34,13 +34,13 @@ export default async function DashboardPage() {
<div className="grid gap-4 sm:grid-cols-3"> <div className="grid gap-4 sm:grid-cols-3">
<Card className="bp-glass"> <Card className="bp-glass">
<CardHeader> <CardHeader>
<CardTitle className="text-sm text-muted-foreground">Completed sessions</CardTitle> <CardTitle className="text-sm">Completed sessions</CardTitle>
</CardHeader> </CardHeader>
<CardContent className="bp-readout text-3xl">{summary.count}</CardContent> <CardContent className="bp-readout text-3xl">{summary.count}</CardContent>
</Card> </Card>
<Card className="bp-glass"> <Card className="bp-glass">
<CardHeader> <CardHeader>
<CardTitle className="text-sm text-muted-foreground">Total play time</CardTitle> <CardTitle className="text-sm">Total play time</CardTitle>
</CardHeader> </CardHeader>
<CardContent className="bp-readout text-3xl"> <CardContent className="bp-readout text-3xl">
{(summary.totalDurationMs / 3_600_000).toFixed(1)}h {(summary.totalDurationMs / 3_600_000).toFixed(1)}h
@@ -48,7 +48,7 @@ export default async function DashboardPage() {
</Card> </Card>
<Card className="bp-glass"> <Card className="bp-glass">
<CardHeader> <CardHeader>
<CardTitle className="text-sm text-muted-foreground">Replays</CardTitle> <CardTitle className="text-sm">Replays</CardTitle>
</CardHeader> </CardHeader>
<CardContent className="bp-readout text-3xl">{summary.totalReplays}</CardContent> <CardContent className="bp-readout text-3xl">{summary.totalReplays}</CardContent>
</Card> </Card>
components/stats/SessionsSummaryCards.tsx
+4 -4
View File
@@ -20,19 +20,19 @@ export function SessionsSummaryCards({ summary }: { summary: SessionsSummary })
<div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4"> <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
<Card className="bp-glass"> <Card className="bp-glass">
<CardHeader> <CardHeader>
<CardTitle className="text-sm text-muted-foreground">Completed sessions</CardTitle> <CardTitle className="text-sm">Completed sessions</CardTitle>
</CardHeader> </CardHeader>
<CardContent className="bp-readout text-3xl">{summary.count}</CardContent> <CardContent className="bp-readout text-3xl">{summary.count}</CardContent>
</Card> </Card>
<Card className="bp-glass"> <Card className="bp-glass">
<CardHeader> <CardHeader>
<CardTitle className="text-sm text-muted-foreground">Total time</CardTitle> <CardTitle className="text-sm">Total time</CardTitle>
</CardHeader> </CardHeader>
<CardContent className="bp-readout text-3xl">{formatHours(summary.totalDurationMs)}</CardContent> <CardContent className="bp-readout text-3xl">{formatHours(summary.totalDurationMs)}</CardContent>
</Card> </Card>
<Card className="bp-glass"> <Card className="bp-glass">
<CardHeader> <CardHeader>
<CardTitle className="text-sm text-muted-foreground">Avg session length</CardTitle> <CardTitle className="text-sm">Avg session length</CardTitle>
</CardHeader> </CardHeader>
<CardContent className="bp-readout text-3xl"> <CardContent className="bp-readout text-3xl">
{Math.round(summary.avgDurationMs / 60_000)}m {Math.round(summary.avgDurationMs / 60_000)}m
@@ -40,7 +40,7 @@ export function SessionsSummaryCards({ summary }: { summary: SessionsSummary })
</Card> </Card>
<Card className="bp-glass"> <Card className="bp-glass">
<CardHeader> <CardHeader>
<CardTitle className="text-sm text-muted-foreground">Replays</CardTitle> <CardTitle className="text-sm">Replays</CardTitle>
</CardHeader> </CardHeader>
<CardContent className="bp-readout text-3xl">{formatReplays(summary.totalReplays)}</CardContent> <CardContent className="bp-readout text-3xl">{formatReplays(summary.totalReplays)}</CardContent>
</Card> </Card>