From 4e6e3c9eab4592fc019673276d6618c08a1a7d9e Mon Sep 17 00:00:00 2001
From: daniel-c-harvey <the.real.daniel.harvey@gmail.com>
Date: Mon, 8 Jun 2026 14:49:23 -0400
Subject: [PATCH] feat: apply amplitude-tracking gradient to spectrum bars
 matching LevelMeterFab color scheme

---
 .../AudioPlayerBar/SpectrumVisualizer.razor.css        | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/DeepDrftPublic.Client/Controls/AudioPlayerBar/SpectrumVisualizer.razor.css b/DeepDrftPublic.Client/Controls/AudioPlayerBar/SpectrumVisualizer.razor.css
index b366fd9..d53c081 100644
--- a/DeepDrftPublic.Client/Controls/AudioPlayerBar/SpectrumVisualizer.razor.css
+++ b/DeepDrftPublic.Client/Controls/AudioPlayerBar/SpectrumVisualizer.razor.css
@@ -26,7 +26,14 @@
     min-width: 4px;
     height: var(--bar-height, 2%);
     min-height: 2px;
-    background: var(--mud-palette-primary);
+    background-image: linear-gradient(to top,
+        #2ECC71 0%,  #2ECC71 55%,
+        #F4C430 62%, #F4C430 82%,
+        #FF6B35 88%, #FF6B35 100%
+    );
+    background-size: 100% 40px;
+    background-position: bottom;
+    background-repeat: no-repeat;
     border-radius: 2px 2px 0 0;
     transition: height 0.05s ease-out;
 }
@@ -44,5 +51,6 @@
     .spectrum-bar {
         max-width: 8px;
         min-width: 3px;
+        background-size: 100% 32px;
     }
 }