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

Update site colors to match brand logo precisely

Browse Source 
Update primary, destructive, ring, and shadow colors in `client/src/index.css` to the precise Folx brand red (#DA234D / HSL 346, 72%, 50%) extracted from the logo.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 413891e8-d784-4bea-b9f5-91a5a68316b4
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 9fb53219-4685-4b5f-9915-ac4951fd0d20
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:56:32 +00:00
parent b444d05e17
commit 6071c746e0
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: 350 55% 49%;
--sidebar-primary: 346 72% 50%;
--sidebar-primary-foreground: 0 0% 100%;
--sidebar-accent: 0 0% 16%;
--sidebar-accent-foreground: 0 0% 92%;
--sidebar-ring: 350 55% 49%;
--sidebar-ring: 346 72% 50%;
--popover: 0 0% 10%;
--popover-foreground: 0 0% 95%;
--popover-border: 0 0% 16%;
--primary: 350 55% 49%;
--primary: 346 72% 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: 350 55% 49%;
--destructive: 346 72% 50%;
--destructive-foreground: 0 0% 100%;
--input: 0 0% 18%;
--ring: 350 55% 49%;
--ring: 346 72% 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(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);
--shadow-2xs: 0px 2px 0px 0px hsl(346 72% 50% / 0.00);
--shadow-xs: 0px 2px 0px 0px hsl(346 72% 50% / 0.00);
--shadow-sm: 0px 2px 0px 0px hsl(346 72% 50% / 0.00), 0px 1px 2px -1px hsl(346 72% 50% / 0.00);
--shadow: 0px 2px 0px 0px hsl(346 72% 50% / 0.00), 0px 1px 2px -1px hsl(346 72% 50% / 0.00);
--shadow-md: 0px 2px 0px 0px hsl(346 72% 50% / 0.00), 0px 2px 4px -1px hsl(346 72% 50% / 0.00);
--shadow-lg: 0px 2px 0px 0px hsl(346 72% 50% / 0.00), 0px 4px 6px -1px hsl(346 72% 50% / 0.00);
--shadow-xl: 0px 2px 0px 0px hsl(346 72% 50% / 0.00), 0px 8px 10px -1px hsl(346 72% 50% / 0.00);
--shadow-2xl: 0px 2px 0px 0px hsl(346 72% 50% / 0.00);
/* Fallback for older browsers */
--sidebar-primary-border: hsl(var(--sidebar-primary));