From b2078aa6ef9cd821e5e45d1de6e52e65a2a23abd Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 28 Feb 2026 16:54:20 +0000
Subject: [PATCH] Increase logo size and correct brand colors for better visual
 consistency

Adjusted header height and logo size in `header.tsx`. Updated primary, ring, destructive, and shadow color variables in `index.css` to match the Folx brand crimson red.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 413891e8-d784-4bea-b9f5-91a5a68316b4
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 991dee47-c7dd-4087-bd5d-e9f65b13eff8
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_1772297651090.png | Bin 0 -> 179 bytes
 client/src/components/header.tsx        |   4 ++--
 client/src/index.css                    |  26 ++++++++++++------------
 3 files changed, 15 insertions(+), 15 deletions(-)
 create mode 100644 attached_assets/image_1772297651090.png

diff --git a/attached_assets/image_1772297651090.png b/attached_assets/image_1772297651090.png
new file mode 100644
index 0000000000000000000000000000000000000000..0fb30141f251e545df0831bc44842d92a79718ec
GIT binary patch
literal 179
zcmeAS@N?(olHy`uVBq!ia0vp^sz9v9!3HFqxq{XLDaPU;cPEB*=VV?2IV|apzK#qG
z8~eHcB(eheoCO|{#S9F5he4R}c>anMprD7Ri(^QH``dF184oBh956T*UbAub_ZuHp
zc(^F9{#En(@A1@Ul6e=VWO<n`ofYJ}a#=|5D$T2y+}uBwOw+V;jMRZ<GI+ZBxvX<a
GXaWFN**m2G

literal 0
HcmV?d00001

diff --git a/client/src/components/header.tsx b/client/src/components/header.tsx
index 7d0728c..23f372e 100644
--- a/client/src/components/header.tsx
+++ b/client/src/components/header.tsx
@@ -16,10 +16,10 @@ export default function Header() {
   return (
     <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-20">
+        <div className="flex items-center justify-between gap-4 h-24">
           <Link href="/">
             <div className="flex items-center gap-2 cursor-pointer" data-testid="link-logo">
-              <img src={folxLogo} alt="Folx TV" className="h-20 w-auto object-contain" />
+              <img src={folxLogo} alt="Folx TV" className="h-24 w-auto object-contain" />
             </div>
           </Link>
 
diff --git a/client/src/index.css b/client/src/index.css
index 9c68a05..40979e7 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -102,15 +102,15 @@
   --sidebar: 0 0% 9%;
   --sidebar-foreground: 0 0% 92%;
   --sidebar-border: 0 0% 15%;
-  --sidebar-primary: 356 85% 48%;
+  --sidebar-primary: 345 85% 50%;
   --sidebar-primary-foreground: 0 0% 100%;
   --sidebar-accent: 0 0% 16%;
   --sidebar-accent-foreground: 0 0% 92%;
-  --sidebar-ring: 356 85% 48%;
+  --sidebar-ring: 345 85% 50%;
   --popover: 0 0% 10%;
   --popover-foreground: 0 0% 95%;
   --popover-border: 0 0% 16%;
-  --primary: 356 85% 48%;
+  --primary: 345 85% 50%;
   --primary-foreground: 0 0% 100%;
   --secondary: 0 0% 15%;
   --secondary-foreground: 0 0% 95%;
@@ -118,23 +118,23 @@
   --muted-foreground: 0 0% 55%;
   --accent: 0 0% 16%;
   --accent-foreground: 0 0% 92%;
-  --destructive: 356 91% 54%;
+  --destructive: 345 91% 54%;
   --destructive-foreground: 0 0% 100%;
   --input: 0 0% 18%;
-  --ring: 356 85% 48%;
+  --ring: 345 85% 50%;
   --chart-1: 204 88% 53%;
   --chart-2: 160 100% 36%;
   --chart-3: 42 93% 56%;
   --chart-4: 147 79% 42%;
   --chart-5: 341 75% 51%;
-  --shadow-2xs: 0px 2px 0px 0px hsl(9 75% 61% / 0.00);
-  --shadow-xs: 0px 2px 0px 0px hsl(9 75% 61% / 0.00);
-  --shadow-sm: 0px 2px 0px 0px hsl(9 75% 61% / 0.00), 0px 1px 2px -1px hsl(9 75% 61% / 0.00);
-  --shadow: 0px 2px 0px 0px hsl(9 75% 61% / 0.00), 0px 1px 2px -1px hsl(9 75% 61% / 0.00);
-  --shadow-md: 0px 2px 0px 0px hsl(9 75% 61% / 0.00), 0px 2px 4px -1px hsl(9 75% 61% / 0.00);
-  --shadow-lg: 0px 2px 0px 0px hsl(9 75% 61% / 0.00), 0px 4px 6px -1px hsl(9 75% 61% / 0.00);
-  --shadow-xl: 0px 2px 0px 0px hsl(9 75% 61% / 0.00), 0px 8px 10px -1px hsl(9 75% 61% / 0.00);
-  --shadow-2xl: 0px 2px 0px 0px hsl(9 75% 61% / 0.00);
+  --shadow-2xs: 0px 2px 0px 0px hsl(345 85% 50% / 0.00);
+  --shadow-xs: 0px 2px 0px 0px hsl(345 85% 50% / 0.00);
+  --shadow-sm: 0px 2px 0px 0px hsl(345 85% 50% / 0.00), 0px 1px 2px -1px hsl(345 85% 50% / 0.00);
+  --shadow: 0px 2px 0px 0px hsl(345 85% 50% / 0.00), 0px 1px 2px -1px hsl(345 85% 50% / 0.00);
+  --shadow-md: 0px 2px 0px 0px hsl(345 85% 50% / 0.00), 0px 2px 4px -1px hsl(345 85% 50% / 0.00);
+  --shadow-lg: 0px 2px 0px 0px hsl(345 85% 50% / 0.00), 0px 4px 6px -1px hsl(345 85% 50% / 0.00);
+  --shadow-xl: 0px 2px 0px 0px hsl(345 85% 50% / 0.00), 0px 8px 10px -1px hsl(345 85% 50% / 0.00);
+  --shadow-2xl: 0px 2px 0px 0px hsl(345 85% 50% / 0.00);
 
 /* Fallback for older browsers */
   --sidebar-primary-border: hsl(var(--sidebar-primary));