daniel/deepdrft
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 13 Wiki Activity

style: retune spectrum gradient — dark green floor 0-30%, expand yellow/orange zones

Browse Source
This commit is contained in:
daniel-c-harvey
2026-06-08 14:54:56 -04:00
parent 561cd45237
commit 505ac0c47b
2 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
DeepDrftPublic.Client/Controls/AudioPlayerBar/LevelMeterFab.razor
+7 -5
View File
@@ -7,11 +7,13 @@
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="#2ECC71" />
<stop offset="55%" stop-color="#2ECC71" />
<stop offset="62%" stop-color="#F4C430" />
<stop offset="82%" stop-color="#F4C430" />
<stop offset="88%" stop-color="#FF6B35" />
<stop offset="0%" stop-color="#1A5C38" />
<stop offset="27%" stop-color="#1A5C38" />
<stop offset="33%" stop-color="#2ECC71" />
<stop offset="47%" stop-color="#2ECC71" />
<stop offset="53%" stop-color="#F4C430" />
<stop offset="72%" stop-color="#F4C430" />
<stop offset="78%" stop-color="#FF6B35" />
<stop offset="100%" stop-color="#FF6B35" />
</linearGradient>
DeepDrftPublic.Client/Controls/AudioPlayerBar/SpectrumVisualizer.razor.css
+4 -3
View File
@@ -27,9 +27,10 @@
height: var(--bar-height, 2%);
min-height: 2px;
background-image: linear-gradient(to top,
#2ECC71 0%, #2ECC71 55%,
#F4C430 62%, #F4C430 82%,
#FF6B35 88%, #FF6B35 100%
#1A5C38 0%, #1A5C38 27%,
#2ECC71 33%, #2ECC71 47%,
#F4C430 53%, #F4C430 72%,
#FF6B35 78%, #FF6B35 100%
);
background-size: 100% 40px;
background-position: bottom;