From d810c30f7337a2e5523c524ffba849ff88b1e19c Mon Sep 17 00:00:00 2001
From: vibe-bot <bot@local>
Date: Sun, 10 Aug 2025 21:38:07 +0200
Subject: [PATCH] =?UTF-8?q?feat(ui):=20Rainbow-Theme=20mit=20animiertem=20?=
 =?UTF-8?q?Farbverlauf=20f=C3=BCr=20Seitentitel;=20420-Theme=20Titel=20in?=
 =?UTF-8?q?=20#22C55E;=20Klasse=20.site-title=20hinzugef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/App.tsx    |  2 +-
 web/src/styles.css | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/web/src/App.tsx b/web/src/App.tsx
index db5dfa7..90bbab5 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -345,7 +345,7 @@ export default function App() {
         <header className="flex items-center justify-between p-6">
           <div className="flex items-center">
             <div>
-               <h1 className="text-4xl font-bold">
+               <h1 className="text-4xl font-bold site-title">
                   Jukebox 420
                    {import.meta.env.VITE_BUILD_CHANNEL === 'nightly' && (
                    <div className="text-sm font-normal mt-1 opacity-70">
diff --git a/web/src/styles.css b/web/src/styles.css
index 6928ae6..e904884 100644
--- a/web/src/styles.css
+++ b/web/src/styles.css
@@ -362,6 +362,20 @@ header h1 {
   color: inherit;
 }
 
+/* Titel-Effekte pro Theme */
+[data-theme="rainbow"] .site-title {
+  background: linear-gradient(45deg, #ff0000, #ff8000, #ffff00, #80ff00, #00ff00, #00ff80, #00ffff, #0080ff, #0000ff, #8000ff, #ff00ff, #ff0080);
+  background-clip: text;
+  -webkit-background-clip: text;
+  color: transparent;
+  background-size: 400% 400%;
+  animation: chaos-rainbow-animation 2s ease-in-out infinite;
+}
+
+[data-theme="420"] .site-title {
+  color: #22C55E;
+}
+
 /* Nightly Badge Farbe (Fallback) */
 .nightly-badge { color: #ff4d4f; }