fix: Adjust Spectrum Bar Colors

2026-06-09 06:20:07 -04:00
parent 5b3bbc7b47
commit 760e9a1982
6 changed files with 10 additions and 12 deletions
@@ -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" />
@@ -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;
 }
@@ -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;
@@ -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;

@@ -5,7 +5,6 @@

@page "/FramePlayer"
@layout EmbedLayout
-@rendermode InteractiveWebAssembly

 <AudioPlayerBar Fixed />

@@ -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"]" />