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

polish(p15): mute panel, revert scroll to knob, waveform icon + strong toggle state

Browse Source 
Mute --deepdrft-panel-ground; WAVE scroll MudSlider back to RadialKnob; new DDIcons Waveform/WaveformFilled glyph for the waveform toggle; strong green ON-state chip vs dim OFF; refresh popover pointer-capture comment.
This commit is contained in:
daniel-c-harvey
2026-06-17 18:03:16 -04:00
parent 412b96ba16
commit 6ecc7f1f37
5 changed files with 80 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
DeepDrftShared.Client/Common/DDIcons.cs
+34
View File
@@ -23,6 +23,40 @@ public static class DDIcons
</svg>
""";
/// <summary>
/// Audio waveform — outline variant, shown when the waveform subsystem is OFF.
/// Seven vertical bars of varying height centred on a 24×24 viewBox, evoking a
/// classic sound-wave / spectrum display. Uses currentColor so it themes freely.
/// Inner markup only — no outer &lt;svg&gt; wrapper; MudBlazor supplies viewBox="0 0 24 24".
/// </summary>
public const string Waveform = """
<g>
<rect x="1" y="9" width="2" height="6" rx="1" fill="none" stroke="currentColor" stroke-width="1.2"/>
<rect x="5" y="5" width="2" height="14" rx="1" fill="none" stroke="currentColor" stroke-width="1.2"/>
<rect x="9" y="2" width="2" height="20" rx="1" fill="none" stroke="currentColor" stroke-width="1.2"/>
<rect x="13" y="6" width="2" height="12" rx="1" fill="none" stroke="currentColor" stroke-width="1.2"/>
<rect x="17" y="4" width="2" height="16" rx="1" fill="none" stroke="currentColor" stroke-width="1.2"/>
<rect x="21" y="9" width="2" height="6" rx="1" fill="none" stroke="currentColor" stroke-width="1.2"/>
</g>
""";
/// <summary>
/// Audio waveform — filled variant, shown when the waveform subsystem is ON.
/// Same bar layout as <see cref="Waveform"/> but bars are solid currentColor,
/// giving a strong visual contrast for the active (ON) state.
/// Inner markup only — no outer &lt;svg&gt; wrapper; MudBlazor supplies viewBox="0 0 24 24".
/// </summary>
public const string WaveformFilled = """
<g>
<rect x="1" y="9" width="2" height="6" rx="1" fill="currentColor"/>
<rect x="5" y="5" width="2" height="14" rx="1" fill="currentColor"/>
<rect x="9" y="2" width="2" height="20" rx="1" fill="currentColor"/>
<rect x="13" y="6" width="2" height="12" rx="1" fill="currentColor"/>
<rect x="17" y="4" width="2" height="16" rx="1" fill="currentColor"/>
<rect x="21" y="9" width="2" height="6" rx="1" fill="currentColor"/>
</g>
""";
/// <summary>
/// Lava lamp - the Mix visualizer settings glyph. Sourced from lava-lamp-svgrepo-com.svg
/// (SVG Repo, viewBox="0 0 50 50"). Wrapped in a scale(0.48) transform to fit MudBlazor's
DeepDrftShared.Client/wwwroot/styles/deepdrft-tokens.css
+3 -3
View File
@@ -27,9 +27,9 @@
/* Modal scrim opacity — the SINGLE point of truth for the visualizer-controls overlay tint
(Phase 15 §4/§10.5). Mild so the panel reads as modal without a blackout. Change here once. */
--deepdrft-modal-scrim-alpha: 0.15;
/* Panel ground — desaturated from navy-mid toward charcoal so the blue slider stands out.
Tunable: increase blue channel (e.g. #1e2235) to recover warmth, lower (e.g. #1a1d22) to go darker. */
--deepdrft-panel-ground: #1e2028;
/* Panel ground — muted, desaturated charcoal beneath the controls panel.
Tunable: increase blue channel (e.g. #1e2235) to recover warmth, lower (e.g. #191b20) to go darker. */
--deepdrft-panel-ground: #1a1c22;
/* Wireframe font stack */
--deepdrft-font-display: "Cormorant Garamond", Georgia, serif;