sebastjan/folx-tv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update website colors to match brand logo precisely

Browse Source 
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
This commit is contained in:
sebastjanartic 2026-02-28 16:55:12 +00:00
parent b2078aa6ef
commit b444d05e17
1 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
client/src/index.css
View File

@ -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));