From 760e9a198265176c31b91fca88d143b97e8370d3 Mon Sep 17 00:00:00 2001
From: daniel-c-harvey <the.real.daniel.harvey@gmail.com>
Date: Tue, 9 Jun 2026 06:20:07 -0400
Subject: [PATCH] fix: Adjust Spectrum Bar Colors

---
 .../Controls/AudioPlayerBar/LevelMeterFab.razor             | 6 +++---
 .../Controls/AudioPlayerBar/LevelMeterFab.razor.css         | 4 ++--
 .../Controls/AudioPlayerBar/SpectrumVisualizer.razor.css    | 6 +++---
 DeepDrftPublic.Client/Controls/SharePopover.razor.cs        | 2 +-
 DeepDrftPublic.Client/Pages/FramePlayer.razor               | 1 -
 DeepDrftPublic/Components/App.razor                         | 3 +--
 6 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/DeepDrftPublic.Client/Controls/AudioPlayerBar/LevelMeterFab.razor b/DeepDrftPublic.Client/Controls/AudioPlayerBar/LevelMeterFab.razor
index 72ce2b5..c8f89be 100644
--- a/DeepDrftPublic.Client/Controls/AudioPlayerBar/LevelMeterFab.razor
+++ b/DeepDrftPublic.Client/Controls/AudioPlayerBar/LevelMeterFab.razor
@@ -7,9 +7,9 @@
                  y1=24 (bottom) is the green end; y2=0 (top) is the orange end. -->
             <linearGradient id="lmf-grad-@(IdSuffix)"
                             gradientUnits="userSpaceOnUse" x1="0" y1="24" x2="0" y2="0">
-                <stop offset="0%"   stop-color="#1A5C38" />
-                <stop offset="27%"  stop-color="#1A5C38" />
-                <stop offset="33%"  stop-color="#2ECC71" />
+                <stop offset="0%"   stop-color="#2a883b" />
+                <stop offset="17%"  stop-color="#2a883b" />
+                <stop offset="23%"  stop-color="#2ECC71" />
                 <stop offset="47%"  stop-color="#2ECC71" />
                 <stop offset="53%"  stop-color="#F4C430" />
                 <stop offset="72%"  stop-color="#F4C430" />
diff --git a/DeepDrftPublic.Client/Controls/AudioPlayerBar/LevelMeterFab.razor.css b/DeepDrftPublic.Client/Controls/AudioPlayerBar/LevelMeterFab.razor.css
index 7d20ad2..c253e3e 100644
--- a/DeepDrftPublic.Client/Controls/AudioPlayerBar/LevelMeterFab.razor.css
+++ b/DeepDrftPublic.Client/Controls/AudioPlayerBar/LevelMeterFab.razor.css
@@ -30,6 +30,6 @@
 
 /* Fill motion is driven by C#-computed SVG geometry, not CSS — no transition here. */
 .lmf-icon {
-    width: 56px;
-    height: 56px;
+    width: 48px;
+    height: 48px;
 }
diff --git a/DeepDrftPublic.Client/Controls/AudioPlayerBar/SpectrumVisualizer.razor.css b/DeepDrftPublic.Client/Controls/AudioPlayerBar/SpectrumVisualizer.razor.css
index 7202dac..ce6cbf3 100644
--- a/DeepDrftPublic.Client/Controls/AudioPlayerBar/SpectrumVisualizer.razor.css
+++ b/DeepDrftPublic.Client/Controls/AudioPlayerBar/SpectrumVisualizer.razor.css
@@ -27,9 +27,9 @@
     height: var(--bar-height, 2%);
     min-height: 2px;
     background-image: linear-gradient(to top,
-        #1A5C38  0%,  #1A5C38  27%,
-        #2ECC71  33%, #2ECC71  47%,
-        #F4C430  53%, #F4C430  72%,
+        #2a883b  0%,  #2a883b  12%,
+        #2ECC71  17%, #2ECC71  42%,
+        #F4C430  47%, #F4C430  72%,
         #FF6B35  78%, #FF6B35  100%
     );
     background-size: 100% 40px;
diff --git a/DeepDrftPublic.Client/Controls/SharePopover.razor.cs b/DeepDrftPublic.Client/Controls/SharePopover.razor.cs
index 7017f3c..111f766 100644
--- a/DeepDrftPublic.Client/Controls/SharePopover.razor.cs
+++ b/DeepDrftPublic.Client/Controls/SharePopover.razor.cs
@@ -35,7 +35,7 @@ public partial class SharePopover : ComponentBase, IDisposable
     private string TrackUrl => $"{Navigation.BaseUri}track/{EntryKey}";
 
     private string EmbedSnippet =>
-        $"""<iframe src="{Navigation.BaseUri}FramePlayer?TrackEntryKey={EntryKey}" width="640" height="96" frameborder="0" style="border-radius:8px;" allow="autoplay"></iframe>""";
+        $"""<iframe src="{Navigation.BaseUri}FramePlayer?TrackEntryKey={EntryKey}" width="656" height="196" frameborder="0" style="border-radius:8px;" allow="autoplay"></iframe>""";
 
     private void Toggle() => _open = !_open;
 
diff --git a/DeepDrftPublic.Client/Pages/FramePlayer.razor b/DeepDrftPublic.Client/Pages/FramePlayer.razor
index 24b1ab6..177c406 100644
--- a/DeepDrftPublic.Client/Pages/FramePlayer.razor
+++ b/DeepDrftPublic.Client/Pages/FramePlayer.razor
@@ -5,7 +5,6 @@
 
 @page "/FramePlayer"
 @layout EmbedLayout
-@rendermode InteractiveWebAssembly
 
 <AudioPlayerBar Fixed />
 
diff --git a/DeepDrftPublic/Components/App.razor b/DeepDrftPublic/Components/App.razor
index c438bad..aa85458 100644
--- a/DeepDrftPublic/Components/App.razor
+++ b/DeepDrftPublic/Components/App.razor
@@ -3,13 +3,12 @@
 @using DeepDrftShared.Client.Components
 <!DOCTYPE html>
 <html lang="en">
-
 <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <base href="/" />
     <DeepDrftFontLinks />
-    <link href=@Assets["_content/MudBlazor/MudBlazor.min.css"] rel="stylesheet" />
+    <link rel="stylesheet" href="@Assets["_content/MudBlazor/MudBlazor.min.css"]" />
     <link rel="stylesheet" href="@Assets["DeepDrftPublic.styles.css"]"/>
     <link rel="stylesheet" href="@Assets["_content/DeepDrftShared.Client/styles/deepdrft-tokens.css"]" />
     <link rel="stylesheet" href="@Assets["styles/deepdrft-styles.css"]" />