From 46fa6097a12ed545e95730dadd210dd12d231356 Mon Sep 17 00:00:00 2001
From: nmemmert <nmemmert@users.noreply.github.com>
Date: Mon, 19 Jan 2026 08:29:44 -0500
Subject: [PATCH] Unify gradients and text: standardize app/page.tsx
 backgrounds; set Clock to white text for dark theme consistency

---
 src/app/page.tsx         | 4 ++--
 src/components/Clock.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1222377..e66fa97 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -184,7 +184,7 @@ export default function Home() {
 
   if (authLoading) {
     return (
-      <div className="min-h-screen bg-gradient-to-br from-slate-900 via-black to-slate-800 flex items-center justify-center p-4">
+      <div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 flex items-center justify-center p-4">
         <div className="text-center">
           <div className="mb-8 relative">
             <div className="w-24 h-24 mx-auto relative">
@@ -224,7 +224,7 @@ export default function Home() {
   }
 
   return (
-    <div className="min-h-screen bg-gradient-to-b from-slate-50 to-slate-100 dark:from-slate-900 dark:to-slate-800 md:pb-0" style={{ paddingBottom: 'calc(6rem + var(--safe-area-inset-bottom))' }}>
+    <div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 md:pb-0" style={{ paddingBottom: 'calc(6rem + var(--safe-area-inset-bottom))' }}>
       <ReminderBanner userEmail={user.email || undefined} />
       <BottomNav activeTab={activeTab} onTabChange={setActiveTab} />
 
diff --git a/src/components/Clock.tsx b/src/components/Clock.tsx
index cedaf3d..11848f9 100644
--- a/src/components/Clock.tsx
+++ b/src/components/Clock.tsx
@@ -29,7 +29,7 @@ export default function Clock() {
 
   return (
     <div className="text-center">
-      <div className="text-6xl font-bold text-slate-900 dark:text-white font-mono tracking-tight">
+      <div className="text-6xl font-bold text-white font-mono tracking-tight">
         {time || '--:--:--'}
       </div>
     </div>