From 6939777e7b13f489bd29170015283d4218727ad0 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 28 Feb 2026 16:53:31 +0000
Subject: [PATCH] Increase logo size and update site colors for better brand
 consistency

Adjust header dimensions, update CSS variables for background and primary colors, and modify logo image styling to enhance visual appeal and brand alignment.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 413891e8-d784-4bea-b9f5-91a5a68316b4
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 75f81aa2-42af-43aa-9aa1-bd66f424f9b1
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/413891e8-d784-4bea-b9f5-91a5a68316b4/cftwqyT
Replit-Helium-Checkpoint-Created: true
---
 attached_assets/image_1772297563376.png | Bin 0 -> 2473 bytes
 client/src/components/header.tsx        |   8 ++--
 client/src/index.css                    |  50 ++++++++++++------------
 3 files changed, 28 insertions(+), 30 deletions(-)
 create mode 100644 attached_assets/image_1772297563376.png

diff --git a/attached_assets/image_1772297563376.png b/attached_assets/image_1772297563376.png
new file mode 100644
index 0000000000000000000000000000000000000000..c936a4c8c5355db8bb03d4bd6450fcab7a2db572
GIT binary patch
literal 2473
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
U22Or&XWJ`)t+gYx*3vuqUk_x2Hvj+t

literal 0
HcmV?d00001

diff --git a/client/src/components/header.tsx b/client/src/components/header.tsx
index 13a53eb..7d0728c 100644
--- a/client/src/components/header.tsx
+++ b/client/src/components/header.tsx
@@ -14,14 +14,12 @@ export default function Header() {
   const [location] = useLocation();
 
   return (
-    <header className="sticky top-0 z-50 bg-card/95 backdrop-blur-md border-b border-card-border" data-testid="header">
+    <header className="sticky top-0 z-50 bg-background/95 backdrop-blur-md border-b border-card-border" data-testid="header">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div className="flex items-center justify-between gap-4 h-16">
+        <div className="flex items-center justify-between gap-4 h-20">
           <Link href="/">
             <div className="flex items-center gap-2 cursor-pointer" data-testid="link-logo">
-              <div className="h-10 w-auto flex items-center">
-                <img src={folxLogo} alt="Folx TV" className="h-10 w-auto object-contain rounded-sm" />
-              </div>
+              <img src={folxLogo} alt="Folx TV" className="h-20 w-auto object-contain" />
             </div>
           </Link>
 
diff --git a/client/src/index.css b/client/src/index.css
index f373eaa..9c68a05 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -93,35 +93,35 @@
   --opaque-button-border-intensity: 9;
   --elevate-1: rgba(255,255,255, .04);
   --elevate-2: rgba(255,255,255, .09);
-  --background: 20 14% 4%;
-  --foreground: 45 25% 91%;
-  --border: 20 14% 15%;
-  --card: 20 14% 8%;
-  --card-foreground: 45 25% 85%;
-  --card-border: 20 14% 12%;
-  --sidebar: 20 14% 8%;
-  --sidebar-foreground: 45 25% 85%;
-  --sidebar-border: 20 14% 15%;
-  --sidebar-primary: 9 75% 61%;
+  --background: 0 0% 5%;
+  --foreground: 0 0% 95%;
+  --border: 0 0% 15%;
+  --card: 0 0% 9%;
+  --card-foreground: 0 0% 92%;
+  --card-border: 0 0% 14%;
+  --sidebar: 0 0% 9%;
+  --sidebar-foreground: 0 0% 92%;
+  --sidebar-border: 0 0% 15%;
+  --sidebar-primary: 356 85% 48%;
   --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 25 45% 20%;
-  --sidebar-accent-foreground: 45 25% 85%;
-  --sidebar-ring: 9 75% 61%;
-  --popover: 20 14% 10%;
-  --popover-foreground: 45 25% 91%;
-  --popover-border: 20 14% 16%;
-  --primary: 9 75% 61%;
+  --sidebar-accent: 0 0% 16%;
+  --sidebar-accent-foreground: 0 0% 92%;
+  --sidebar-ring: 356 85% 48%;
+  --popover: 0 0% 10%;
+  --popover-foreground: 0 0% 95%;
+  --popover-border: 0 0% 16%;
+  --primary: 356 85% 48%;
   --primary-foreground: 0 0% 100%;
-  --secondary: 20 14% 15%;
-  --secondary-foreground: 45 25% 91%;
-  --muted: 20 14% 15%;
-  --muted-foreground: 45 15% 60%;
-  --accent: 25 45% 20%;
-  --accent-foreground: 45 25% 85%;
+  --secondary: 0 0% 15%;
+  --secondary-foreground: 0 0% 95%;
+  --muted: 0 0% 15%;
+  --muted-foreground: 0 0% 55%;
+  --accent: 0 0% 16%;
+  --accent-foreground: 0 0% 92%;
   --destructive: 356 91% 54%;
   --destructive-foreground: 0 0% 100%;
-  --input: 20 14% 18%;
-  --ring: 9 75% 61%;
+  --input: 0 0% 18%;
+  --ring: 356 85% 48%;
   --chart-1: 204 88% 53%;
   --chart-2: 160 100% 36%;
   --chart-3: 42 93% 56%;