From 26e64ac57293421ffb4ce3237ad1e7e66ff1afb1 Mon Sep 17 00:00:00 2001
From: Avery Felts <averyfelts@Averys-MacBook-Air.local>
Date: Sat, 24 Jan 2026 01:39:51 -0700
Subject: [PATCH] Brighten stats card background gradients

- Increased gradient opacity from 5% to 20%
- Added secondary gradient color for depth
- Slightly increased border opacity

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

diff --git a/src/components/StatsCard.tsx b/src/components/StatsCard.tsx
index 7e913f1..b3e5339 100644
--- a/src/components/StatsCard.tsx
+++ b/src/components/StatsCard.tsx
@@ -53,10 +53,10 @@ export function StatsCard({ usageData, substance }: StatsCardProps) {
   const substanceLabel = substance === 'nicotine' ? 'Nicotine' : 'Marijuana';
   const unitLabel = substance === 'nicotine' ? 'puffs' : 'hits';
   const iconColor = substance === 'nicotine' ? 'text-red-400' : 'text-green-400';
-  const borderColor = substance === 'nicotine' ? 'border-red-500/20' : 'border-green-500/20';
+  const borderColor = substance === 'nicotine' ? 'border-red-500/30' : 'border-green-500/30';
   const bgGradient = substance === 'nicotine'
-    ? 'from-red-500/5 to-transparent'
-    : 'from-green-500/5 to-transparent';
+    ? 'from-red-500/20 to-red-900/10'
+    : 'from-green-500/20 to-green-900/10';
 
   return (
     <Card className={`bg-card/80 backdrop-blur-sm border ${borderColor} bg-gradient-to-br ${bgGradient} shadow-lg drop-shadow-md`}>