fix: wire --deepdrft-panel-text-muted into queue rows; refresh stale light/dark comments

Replace opacity-reduced color on .deepdrft-queue-position and .deepdrft-queue-artist with
var(--deepdrft-panel-text-muted) so the token earns its place in the family.
Update .wvc-section-label and .waveform-visualizer-control-icon comments to reflect
theme-aware (not static-light) behavior.
This commit is contained in:
daniel-c-harvey
2026-06-20 01:06:58 -04:00
parent 4c14c67c33
commit 2619fc67c8
@@ -486,7 +486,7 @@ h2, h3, h4, h5, h6,
}
/* ── Section label "LAVA:" / "WAVE:" (§3, §5). NowPlayingCard .np-label TYPOGRAPHY (mono, uppercase,
tracked), recoloured LIGHT — labels are static, so light by the colour principle (§5, §10.3). ── */
tracked), coloured via --deepdrft-panel-text — theme-aware (navy in light, off-white in dark). ── */
.waveform-visualizer-control-panel .wvc-section-label {
font-family: var(--deepdrft-font-mono);
font-size: 0.6rem;
@@ -520,10 +520,11 @@ h2, h3, h4, h5, h6,
opacity: 0.38;
}
/* Caption icons render LIGHT (§5/§9: static/decorative = light). !important beats the scoped
.mix-visualizer-control ::deep .mix-visualizer-control-icon rule (which sets green for the legacy
inline mount) when the icon also carries mix-visualizer-control-icon. Lamp toggles are MudIconButton
not MudIcon so they are unaffected — they stay green (interactive, Color.Primary). (defect #3) */
/* Caption icons inherit the portaled panel's body text — theme-aware (dark text on light glass,
off-white on dark glass). !important beats the scoped .mix-visualizer-control ::deep
.mix-visualizer-control-icon rule (which sets green for the legacy inline mount) when the icon also
carries mix-visualizer-control-icon. Lamp toggles are MudIconButton not MudIcon so they are
unaffected — they stay green (interactive, Color.Primary). (defect #3) */
.waveform-visualizer-control-panel .waveform-visualizer-control-icon {
opacity: 0.85;
translate: 0 -1rem;
@@ -910,7 +911,7 @@ body:has(.deepdrft-queue-overlay) {
.deepdrft-queue-position {
font-family: var(--deepdrft-font-mono);
font-size: 0.72rem;
opacity: 0.6;
color: var(--deepdrft-panel-text-muted);
min-width: 1.4rem;
text-align: right;
flex: 0 0 auto;
@@ -935,7 +936,7 @@ body:has(.deepdrft-queue-overlay) {
.deepdrft-queue-artist {
font-size: 0.74rem;
opacity: 0.6;
color: var(--deepdrft-panel-text-muted);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;