From b444d05e17073883986bacf8fa27a3c761f10e43 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 28 Feb 2026 16:55:12 +0000
Subject: [PATCH] Update website colors to match brand logo precisely

Adjusted CSS variables in `client/index.css` to precisely match the Folx brand red (RGB: 194, 57, 80, HSL: 350, 55%, 49%) for primary, destructive, and shadow colors, ensuring brand consistency across the site.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 413891e8-d784-4bea-b9f5-91a5a68316b4
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: edb6049c-7cdd-4b91-af97-36abf4f08f20
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
---
 client/src/index.css | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/client/src/index.css b/client/src/index.css
index 40979e7..1d9ddd7 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: 345 85% 50%;
+  --sidebar-primary: 350 55% 49%;
   --sidebar-primary-foreground: 0 0% 100%;
   --sidebar-accent: 0 0% 16%;
   --sidebar-accent-foreground: 0 0% 92%;
-  --sidebar-ring: 345 85% 50%;
+  --sidebar-ring: 350 55% 49%;
   --popover: 0 0% 10%;
   --popover-foreground: 0 0% 95%;
   --popover-border: 0 0% 16%;
-  --primary: 345 85% 50%;
+  --primary: 350 55% 49%;
   --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: 345 91% 54%;
+  --destructive: 350 55% 49%;
   --destructive-foreground: 0 0% 100%;
   --input: 0 0% 18%;
-  --ring: 345 85% 50%;
+  --ring: 350 55% 49%;
   --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(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);
+  --shadow-2xs: 0px 2px 0px 0px hsl(350 55% 49% / 0.00);
+  --shadow-xs: 0px 2px 0px 0px hsl(350 55% 49% / 0.00);
+  --shadow-sm: 0px 2px 0px 0px hsl(350 55% 49% / 0.00), 0px 1px 2px -1px hsl(350 55% 49% / 0.00);
+  --shadow: 0px 2px 0px 0px hsl(350 55% 49% / 0.00), 0px 1px 2px -1px hsl(350 55% 49% / 0.00);
+  --shadow-md: 0px 2px 0px 0px hsl(350 55% 49% / 0.00), 0px 2px 4px -1px hsl(350 55% 49% / 0.00);
+  --shadow-lg: 0px 2px 0px 0px hsl(350 55% 49% / 0.00), 0px 4px 6px -1px hsl(350 55% 49% / 0.00);
+  --shadow-xl: 0px 2px 0px 0px hsl(350 55% 49% / 0.00), 0px 8px 10px -1px hsl(350 55% 49% / 0.00);
+  --shadow-2xl: 0px 2px 0px 0px hsl(350 55% 49% / 0.00);
 
 /* Fallback for older browsers */
   --sidebar-primary-border: hsl(var(--sidebar-primary));