From 8c3e54994e7a64d413408dfc659d57af32e94d20 Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Sat, 4 Oct 2025 11:08:48 +0000
Subject: [PATCH] Update application theme to use a lighter background

Adjusted CSS variables in `index.css` to change the primary background, foreground, card, popover, muted, accent, border, and input colors. Also removed the 'dark' class from the main div in `App.tsx` to revert to a light theme.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/gEOddVG
---
 .replit              |  8 ++++----
 client/src/App.tsx   |  2 +-
 client/src/index.css | 46 ++++++++++++++++++++++----------------------
 3 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/.replit b/.replit
index 93f3672..7cc0e13 100644
--- a/.replit
+++ b/.replit
@@ -22,14 +22,14 @@ externalPort = 3002
 localPort = 40537
 externalPort = 3000
 
-[[ports]]
-localPort = 41095
-externalPort = 3003
-
 [[ports]]
 localPort = 43245
 externalPort = 3001
 
+[[ports]]
+localPort = 45209
+externalPort = 3003
+
 [env]
 PORT = "5000"
 
diff --git a/client/src/App.tsx b/client/src/App.tsx
index 07ba43a..85dac3f 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -85,7 +85,7 @@ function App() {
   return (
     <QueryClientProvider client={queryClient}>
       <TooltipProvider>
-        <div className="dark">
+        <div>
           <Toaster />
           <Router />
         </div>
diff --git a/client/src/index.css b/client/src/index.css
index 2f7a8ab..5802a06 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -3,14 +3,14 @@
 @tailwind utilities;
 
 :root {
-  --background: 222 20% 8%;
-  --foreground: 0 0% 95%;
+  --background: 0 0% 98%;
+  --foreground: 222 47% 11%;
   
-  --card: 222 16% 15%;
-  --card-foreground: 0 0% 95%;
+  --card: 0 0% 100%;
+  --card-foreground: 222 47% 11%;
   
-  --popover: 222 18% 12%;
-  --popover-foreground: 0 0% 95%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 222 47% 11%;
   
   --primary: 215 85% 58%;
   --primary-foreground: 0 0% 100%;
@@ -18,17 +18,17 @@
   --secondary: 265 75% 62%;
   --secondary-foreground: 0 0% 100%;
   
-  --muted: 222 12% 20%;
-  --muted-foreground: 222 10% 65%;
+  --muted: 210 40% 96%;
+  --muted-foreground: 215 16% 47%;
   
-  --accent: 222 18% 12%;
-  --accent-foreground: 0 0% 95%;
+  --accent: 210 40% 96%;
+  --accent-foreground: 222 47% 11%;
   
   --destructive: 0 85% 62%;
   --destructive-foreground: 0 0% 100%;
   
-  --border: 222 12% 20%;
-  --input: 222 12% 20%;
+  --border: 214 32% 91%;
+  --input: 214 32% 91%;
   --ring: 215 85% 58%;
   
   --success: 142 76% 48%;
@@ -41,13 +41,13 @@
   --chart-4: 195 85% 55%;
   --chart-5: 35 95% 58%;
   
-  --sidebar: 222 20% 8%;
-  --sidebar-foreground: 0 0% 95%;
+  --sidebar: 0 0% 100%;
+  --sidebar-foreground: 222 47% 11%;
   --sidebar-primary: 215 85% 58%;
   --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 222 18% 12%;
-  --sidebar-accent-foreground: 0 0% 95%;
-  --sidebar-border: 222 12% 20%;
+  --sidebar-accent: 210 40% 96%;
+  --sidebar-accent-foreground: 222 47% 11%;
+  --sidebar-border: 214 32% 91%;
   --sidebar-ring: 215 85% 58%;
   
   --radius: 0.75rem;
@@ -125,7 +125,7 @@
 }
 
 ::-webkit-scrollbar-track {
-  background: hsl(var(--muted) / 0.3);
+  background: hsl(var(--muted) / 0.5);
   border-radius: 5px;
 }
 
@@ -183,20 +183,20 @@ button, a {
 
 .card-hover:hover {
   transform: translateY(-2px);
-  box-shadow: 0 8px 16px hsl(var(--primary) / 0.1);
+  box-shadow: 0 12px 24px hsl(var(--primary) / 0.12);
 }
 
 /* Platform badges */
 .badge-facebook {
-  background: hsl(var(--primary) / 0.15);
+  background: hsl(var(--primary) / 0.1);
   color: hsl(var(--primary));
-  border: 1px solid hsl(var(--primary) / 0.3);
+  border: 1px solid hsl(var(--primary) / 0.25);
 }
 
 .badge-instagram {
-  background: hsl(var(--secondary) / 0.15);
+  background: hsl(var(--secondary) / 0.1);
   color: hsl(var(--secondary));
-  border: 1px solid hsl(var(--secondary) / 0.3);
+  border: 1px solid hsl(var(--secondary) / 0.25);
 }
 
 /* Status indicators */