From 442c42ef23b33754076d430f3d91e790c9c0c881 Mon Sep 17 00:00:00 2001
From: vibe-bot <bot@local>
Date: Sat, 9 Aug 2025 22:02:51 +0200
Subject: [PATCH] Nightly: Rainbow-Flash entfernt  Soundbutton-Animation
 deaktiviert

---
 web/src/App.tsx    | 14 ++------------
 web/src/styles.css |  8 +-------
 2 files changed, 3 insertions(+), 19 deletions(-)

diff --git a/web/src/App.tsx b/web/src/App.tsx
index a9f4615..589573e 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -45,7 +45,6 @@ export default function App() {
     return `https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/${codePoints}.svg`;
   }
   const [showBroccoli, setShowBroccoli] = useState<boolean>(false);
-  const [flashMap, setFlashMap] = useState<Record<string, boolean>>({});
   const selectedCount = useMemo(() => Object.values(selectedSet).filter(Boolean).length, [selectedSet]);
   const [clock, setClock] = useState<string>(() => new Intl.DateTimeFormat('de-DE', { hour: '2-digit', minute: '2-digit', hour12: false, timeZone: 'Europe/Berlin' }).format(new Date()));
   const [totalPlays, setTotalPlays] = useState<number>(0);
@@ -603,17 +602,8 @@ export default function App() {
                     onChange={(e)=>{ e.stopPropagation(); toggleSelect(key, e.target.checked); }}
                   />
                 )}
-                <div className={`sound-btn group rounded-xl flex items-center justify-between p-3 cursor-pointer ${flashMap[key] ? 'rainbow-flash' : ''}`}
-                     onClick={async ()=>{
-                       // Rainbow-Flash via State, damit Re-Render die Klasse erhält
-                       if (theme === 'rainbow') {
-                         setFlashMap(prev => ({ ...prev, [key]: true }));
-                         setTimeout(() => {
-                           setFlashMap(prev => { const n = { ...prev }; delete n[key]; return n; });
-                         }, 2000);
-                       }
-                       await handlePlay(s.name, s.relativePath);
-                     }}>
+                <div className="sound-btn group rounded-xl flex items-center justify-between p-3 cursor-pointer"
+                     onClick={()=>handlePlay(s.name, s.relativePath)}>
                   <span className="text-sm font-medium truncate pr-2">
                     {s.name}
                     {Array.isArray((s as any).badges) && (s as any).badges!.map((b:string, i:number)=> (
diff --git a/web/src/styles.css b/web/src/styles.css
index 89df455..c1347d2 100644
--- a/web/src/styles.css
+++ b/web/src/styles.css
@@ -324,13 +324,7 @@ body {
   100% { background-position: 0% 50%; }
 }
 
-/* Rainbow-Theme: kurzzeitige Flash-Animation für gedrückte Sound-Buttons */
-[data-theme="rainbow"] .sound-btn.rainbow-flash {
-  background: linear-gradient(45deg, #ff0000, #ff8000, #ffff00, #80ff00, #00ff00, #00ff80, #00ffff, #0080ff, #0000ff, #8000ff, #ff00ff, #ff0080) !important;
-  background-size: 400% 400% !important;
-  animation: chaos-rainbow-animation 2s ease-in-out 1;
-  color: #ffffff;
-}
+/* Rainbow-Flash entfernt */
 
 /* Neuer Header-Style basierend auf Google Stitch Design */
 header {