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

Increase logo size and update site colors for better brand consistency

Browse Source 
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
This commit is contained in:
sebastjanartic 2026-02-28 16:53:31 +00:00
parent 5aea2be41d
commit 6939777e7b
3 changed files with 28 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/image_1772297563376.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

8
client/src/components/header.tsx
View File

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

50
client/src/index.css
View File

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