From ff28e9a5aa31d823a86348012e8a8387c6191c48 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 4 Sep 2025 13:45:09 +0000
Subject: [PATCH] Update header link colors to a new shade for better visual
 distinction

Modify the gradient colors used for hover effects on navigation links across multiple pages, replacing a purple-to-blue gradient with a more vibrant pink-to-red gradient.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 946a0075-7e32-454b-b348-9e7f576d7f45
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/946a0075-7e32-454b-b348-9e7f576d7f45/8hcWvfS
---
 client/src/pages/FolxStadlPage.tsx        | 8 ++++----
 client/src/pages/GeschichteLiedPage.tsx   | 8 ++++----
 client/src/pages/GipfelstammtischPage.tsx | 8 ++++----
 client/src/pages/VideoPage.tsx            | 8 ++++----
 client/src/pages/not-found.tsx            | 8 ++++----
 5 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/client/src/pages/FolxStadlPage.tsx b/client/src/pages/FolxStadlPage.tsx
index 369a36d..2c4b916 100644
--- a/client/src/pages/FolxStadlPage.tsx
+++ b/client/src/pages/FolxStadlPage.tsx
@@ -113,19 +113,19 @@ export default function FolxStadlPage() {
                 <nav className="flex space-x-6">
                   <Link href="/" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     Startseite
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/folx-stadl" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     FOLX STADL
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/geschichte-lied" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     DIE GESCHICHTE DES LIEDES
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     GIPFELSTAMMTISCH
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                 </nav>
                 
diff --git a/client/src/pages/GeschichteLiedPage.tsx b/client/src/pages/GeschichteLiedPage.tsx
index 795df28..b7a11d2 100644
--- a/client/src/pages/GeschichteLiedPage.tsx
+++ b/client/src/pages/GeschichteLiedPage.tsx
@@ -115,19 +115,19 @@ export default function GeschichteLiedPage() {
                 <nav className="flex space-x-6">
                   <Link href="/" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     Startseite
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/folx-stadl" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     FOLX STADL
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/geschichte-lied" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     DIE GESCHICHTE DES LIEDES
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     GIPFELSTAMMTISCH
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                 </nav>
                 
diff --git a/client/src/pages/GipfelstammtischPage.tsx b/client/src/pages/GipfelstammtischPage.tsx
index cc86a67..23d7ef5 100644
--- a/client/src/pages/GipfelstammtischPage.tsx
+++ b/client/src/pages/GipfelstammtischPage.tsx
@@ -115,19 +115,19 @@ export default function GipfelstammtischPage() {
                 <nav className="flex space-x-6">
                   <Link href="/" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     Startseite
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/folx-stadl" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     FOLX STADL
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/geschichte-lied" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     DIE GESCHICHTE DES LIEDES
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     GIPFELSTAMMTISCH
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                 </nav>
                 
diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index f9c6203..39eb1f3 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -353,19 +353,19 @@ export default function VideoPage() {
                 <nav className="flex space-x-6">
                   <Link href="/" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     Startseite
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/folx-stadl" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     FOLX STADL
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/geschichte-lied" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     DIE GESCHICHTE DES LIEDES
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     GIPFELSTAMMTISCH
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                 </nav>
                 
diff --git a/client/src/pages/not-found.tsx b/client/src/pages/not-found.tsx
index 612c57d..f24101e 100644
--- a/client/src/pages/not-found.tsx
+++ b/client/src/pages/not-found.tsx
@@ -31,19 +31,19 @@ export default function NotFound() {
               <nav className="flex space-x-6">
                 <a href="/" className="relative text-bunny-light hover:text-bunny-blue transition-colors group" data-testid="link-home">
                   Home
-                  <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                  <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                 </a>
                 <a href="/folx-stadl" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                   FOLX STADL
-                  <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                  <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                 </a>
                 <a href="/geschichte-lied" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                   DIE GESCHICHTE DES LIEDES
-                  <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                  <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                 </a>
                 <a href="/gipfelstammtisch" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                   GIPFELSTAMMTISCH
-                  <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                  <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                 </a>
               </nav>
             </div>