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

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

Browse Source 
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
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
DeepDrftPublic/wwwroot/styles/deepdrft-styles.css
+8 -7
View File
@@ -486,7 +486,7 @@ h2, h3, h4, h5, h6,
} }
/* ── Section label "LAVA:" / "WAVE:" (§3, §5). NowPlayingCard .np-label TYPOGRAPHY (mono, uppercase, /* ── 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 { .waveform-visualizer-control-panel .wvc-section-label {
font-family: var(--deepdrft-font-mono); font-family: var(--deepdrft-font-mono);
font-size: 0.6rem; font-size: 0.6rem;
@@ -520,10 +520,11 @@ h2, h3, h4, h5, h6,
opacity: 0.38; opacity: 0.38;
} }
/* Caption icons render LIGHT (§5/§9: static/decorative = light). !important beats the scoped /* Caption icons inherit the portaled panel's body text — theme-aware (dark text on light glass,
.mix-visualizer-control ::deep .mix-visualizer-control-icon rule (which sets green for the legacy off-white on dark glass). !important beats the scoped .mix-visualizer-control ::deep
inline mount) when the icon also carries mix-visualizer-control-icon. Lamp toggles are MudIconButton .mix-visualizer-control-icon rule (which sets green for the legacy inline mount) when the icon also
not MudIcon so they are unaffected — they stay green (interactive, Color.Primary). (defect #3) */ 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 { .waveform-visualizer-control-panel .waveform-visualizer-control-icon {
opacity: 0.85; opacity: 0.85;
translate: 0 -1rem; translate: 0 -1rem;
@@ -910,7 +911,7 @@ body:has(.deepdrft-queue-overlay) {
.deepdrft-queue-position { .deepdrft-queue-position {
font-family: var(--deepdrft-font-mono); font-family: var(--deepdrft-font-mono);
font-size: 0.72rem; font-size: 0.72rem;
opacity: 0.6; color: var(--deepdrft-panel-text-muted);
min-width: 1.4rem; min-width: 1.4rem;
text-align: right; text-align: right;
flex: 0 0 auto; flex: 0 0 auto;
@@ -935,7 +936,7 @@ body:has(.deepdrft-queue-overlay) {
.deepdrft-queue-artist { .deepdrft-queue-artist {
font-size: 0.74rem; font-size: 0.74rem;
opacity: 0.6; color: var(--deepdrft-panel-text-muted);
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;