From fa04cb32b4fc54f424398777039a4c65888f2787 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Sun, 30 Aug 2026 20:42:41 +0200
Subject: [PATCH] Streamline card titles to a single color

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
---
 app/(app)/page.tsx                        | 6 +++---
 components/stats/SessionsSummaryCards.tsx | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/(app)/page.tsx b/app/(app)/page.tsx
index 584afa0..7a8eb1d 100644
--- a/app/(app)/page.tsx
+++ b/app/(app)/page.tsx
@@ -34,13 +34,13 @@ export default async function DashboardPage() {
       <div className="grid gap-4 sm:grid-cols-3">
         <Card className="bp-glass">
           <CardHeader>
-            <CardTitle className="text-sm text-muted-foreground">Completed sessions</CardTitle>
+            <CardTitle className="text-sm">Completed sessions</CardTitle>
           </CardHeader>
           <CardContent className="bp-readout text-3xl">{summary.count}</CardContent>
         </Card>
         <Card className="bp-glass">
           <CardHeader>
-            <CardTitle className="text-sm text-muted-foreground">Total play time</CardTitle>
+            <CardTitle className="text-sm">Total play time</CardTitle>
           </CardHeader>
           <CardContent className="bp-readout text-3xl">
             {(summary.totalDurationMs / 3_600_000).toFixed(1)}h
@@ -48,7 +48,7 @@ export default async function DashboardPage() {
         </Card>
         <Card className="bp-glass">
           <CardHeader>
-            <CardTitle className="text-sm text-muted-foreground">Replays</CardTitle>
+            <CardTitle className="text-sm">Replays</CardTitle>
           </CardHeader>
           <CardContent className="bp-readout text-3xl">{summary.totalReplays}</CardContent>
         </Card>
diff --git a/components/stats/SessionsSummaryCards.tsx b/components/stats/SessionsSummaryCards.tsx
index 4014819..faf3906 100644
--- a/components/stats/SessionsSummaryCards.tsx
+++ b/components/stats/SessionsSummaryCards.tsx
@@ -20,19 +20,19 @@ export function SessionsSummaryCards({ summary }: { summary: SessionsSummary })
     <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
       <Card className="bp-glass">
         <CardHeader>
-          <CardTitle className="text-sm text-muted-foreground">Completed sessions</CardTitle>
+          <CardTitle className="text-sm">Completed sessions</CardTitle>
         </CardHeader>
         <CardContent className="bp-readout text-3xl">{summary.count}</CardContent>
       </Card>
       <Card className="bp-glass">
         <CardHeader>
-          <CardTitle className="text-sm text-muted-foreground">Total time</CardTitle>
+          <CardTitle className="text-sm">Total time</CardTitle>
         </CardHeader>
         <CardContent className="bp-readout text-3xl">{formatHours(summary.totalDurationMs)}</CardContent>
       </Card>
       <Card className="bp-glass">
         <CardHeader>
-          <CardTitle className="text-sm text-muted-foreground">Avg session length</CardTitle>
+          <CardTitle className="text-sm">Avg session length</CardTitle>
         </CardHeader>
         <CardContent className="bp-readout text-3xl">
           {Math.round(summary.avgDurationMs / 60_000)}m
@@ -40,7 +40,7 @@ export function SessionsSummaryCards({ summary }: { summary: SessionsSummary })
       </Card>
       <Card className="bp-glass">
         <CardHeader>
-          <CardTitle className="text-sm text-muted-foreground">Replays</CardTitle>
+          <CardTitle className="text-sm">Replays</CardTitle>
         </CardHeader>
         <CardContent className="bp-readout text-3xl">{formatReplays(summary.totalReplays)}</CardContent>
       </Card>