From 12997a2e5308d82863c9f9fd30c2d7eb9124e985 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 30 Aug 2025 20:54:10 +0000
Subject: [PATCH] Make page headers more transparent and less intrusive

Update header background and border opacity in multiple page components to create a more subtle visual effect.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/lK7HRF1
---
 client/src/pages/FolxStadlPage.tsx | 2 +-
 client/src/pages/VideoPage.tsx     | 2 +-
 client/src/pages/home.tsx          | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/pages/FolxStadlPage.tsx b/client/src/pages/FolxStadlPage.tsx
index 98c595f..e321948 100644
--- a/client/src/pages/FolxStadlPage.tsx
+++ b/client/src/pages/FolxStadlPage.tsx
@@ -58,7 +58,7 @@ export default function FolxStadlPage() {
   return (
     <div className="min-h-screen bg-bunny-dark text-white">
       {/* Header */}
-      <div className="border-b border-white/10 bg-black/20 backdrop-blur-sm relative overflow-hidden">
+      <div className="border-b border-white/5 bg-black/5 backdrop-blur-sm relative overflow-hidden">
         <div className="max-w-7xl mx-auto px-4 py-4">
           <div className="flex items-center justify-between">
             {/* Left side - Logo */}
diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index eb6808f..fbd2d7e 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -204,7 +204,7 @@ export default function VideoPage() {
   return (
     <div className="min-h-screen bunny-dark static-triangles">
       {/* Header */}
-      <div className="border-b border-white/10 bg-black/20 backdrop-blur-sm relative overflow-hidden">
+      <div className="border-b border-white/5 bg-black/5 backdrop-blur-sm relative overflow-hidden">
         <div className="max-w-7xl mx-auto px-4 py-4">
           <div className="flex items-center justify-between">
             {/* Left side - Logo */}
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index d62b4e2..e30f0e6 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -76,7 +76,7 @@ export default function Home() {
   return (
     <div className="min-h-screen bunny-dark static-triangles">
       {/* Header */}
-      <div className="border-b border-white/10 bg-black/20 backdrop-blur-sm relative overflow-hidden">
+      <div className="border-b border-white/5 bg-black/5 backdrop-blur-sm relative overflow-hidden">
         <div className="max-w-7xl mx-auto px-4 py-4">
           <div className="flex items-center justify-between">
             {/* Left side - Logo */}