From d07e1bc8fba2f50160ed244a43a9054f58ca6787 Mon Sep 17 00:00:00 2001
From: Avery Felts <averyfelts@Averys-MacBook-Air.local>
Date: Sat, 24 Jan 2026 01:26:37 -0700
Subject: [PATCH] Fix stats boxes to use dark transparent background with white
 text

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/components/StatsCard.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/StatsCard.tsx b/src/components/StatsCard.tsx
index 763384e..e3fa511 100644
--- a/src/components/StatsCard.tsx
+++ b/src/components/StatsCard.tsx
@@ -68,19 +68,19 @@ export function StatsCard({ usageData, substance }: StatsCardProps) {
       </CardHeader>
       <CardContent>
         <div className="grid grid-cols-2 gap-4">
-          <div className="bg-muted p-4 rounded-lg text-center">
+          <div className="bg-white/10 p-4 rounded-lg text-center">
             <p className="text-2xl font-bold text-white">{todayUsage}</p>
             <p className="text-sm text-white/70">Today</p>
           </div>
-          <div className="bg-muted p-4 rounded-lg text-center">
+          <div className="bg-white/10 p-4 rounded-lg text-center">
             <p className="text-2xl font-bold text-white">{weekAverage}</p>
             <p className="text-sm text-white/70">Daily Avg (7d)</p>
           </div>
-          <div className="bg-muted p-4 rounded-lg text-center">
+          <div className="bg-white/10 p-4 rounded-lg text-center">
             <p className="text-2xl font-bold text-white">{streak}</p>
             <p className="text-sm text-white/70">Free days</p>
           </div>
-          <div className="bg-muted p-4 rounded-lg text-center">
+          <div className="bg-white/10 p-4 rounded-lg text-center">
             <p className="text-2xl font-bold text-white">{totalDays}</p>
             <p className="text-sm text-white/70">Days tracked</p>
           </div>