From 3d6d0c2cbe593f8cdb8d55a13b395801d9284400 Mon Sep 17 00:00:00 2001
From: Avery Felts <averyfelts@Averys-MacBook-Air.local>
Date: Tue, 27 Jan 2026 23:45:27 -0700
Subject: [PATCH] Make QuitTraq logo stand out more in header

---
 src/components/UserHeader.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/UserHeader.tsx b/src/components/UserHeader.tsx
index f9decbf..dff8f4e 100644
--- a/src/components/UserHeader.tsx
+++ b/src/components/UserHeader.tsx
@@ -261,13 +261,18 @@ export function UserHeader({ user, preferences }: UserHeaderProps) {
         <div className="container mx-auto px-4 py-3 sm:py-4 flex items-center justify-between relative z-50">
           <div className="flex items-center gap-4 sm:gap-8">
             <h1
-              className="text-xl sm:text-2xl font-bold cursor-pointer hover:opacity-90 transition-all duration-300 hover:scale-105"
+              className="text-2xl sm:text-3xl font-extrabold cursor-pointer transition-all duration-300 hover:scale-105 tracking-tighter"
               onClick={() => handleNavigate('/')}
               style={{
-                background: 'linear-gradient(135deg, #a78bfa 0%, #818cf8 50%, #6366f1 100%)',
+                background: theme === 'light'
+                  ? 'linear-gradient(135deg, #6366f1 0%, #4338ca 100%)'
+                  : 'linear-gradient(135deg, #c084fc 0%, #818cf8 50%, #6366f1 100%)',
                 WebkitBackgroundClip: 'text',
                 WebkitTextFillColor: 'transparent',
                 backgroundClip: 'text',
+                filter: theme === 'light'
+                  ? 'drop-shadow(0 2px 4px rgba(99, 102, 241, 0.2))'
+                  : 'drop-shadow(0 0 12px rgba(167, 139, 250, 0.4))'
               }}
             >
               QuitTraq