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

fix(dark-theme): green Play/Share/Queue buttons in Cut detail

Browse Source 
Color.Secondary renders off-white in dark mode, making the filled Play
button and the Share/Queue icon buttons in .cut-detail-actions and track
rows unreadable. Override to green (--deepdrft-primary) in dark only;
hero-overlay icons untouched.
This commit is contained in:
daniel-c-harvey
2026-06-20 01:29:59 -04:00
parent 0bb656a512
commit 2ddc57edb1
1 changed files with 25 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
DeepDrftPublic/wwwroot/styles/deepdrft-styles.css
+25
View File
@@ -751,6 +751,31 @@ body:has(.waveform-visualizer-control-overlay) {
}
}
/* Dark-theme interactive affordances in the Cut detail header and track rows.
In dark mode, Color.Secondary resolves to off-white (#FAFAF8), making filled
and icon buttons unreadable on the light-ish dark-navy surface. Override to
green (--deepdrft-primary = green-accent in dark, --deepdrft-navy as text) to
match the "green = interactive" convention (see hero button dark rule above).
Scoped to .cut-detail-actions and .cut-detail-track-row so the hero-overlay
icons (.release-hero-play / .release-hero-share, forced white in
ReleaseHeroOverlay.razor.css) are never touched. */
/* Play button (Variant.Filled, Color.Secondary) in the cut detail header */
.deepdrft-theme-dark .cut-detail-actions .mud-button-filled {
background-color: var(--deepdrft-primary);
color: var(--gradient-base);
}
/* Share + Queue icon buttons in the cut detail header */
.deepdrft-theme-dark .cut-detail-actions .mud-icon-button {
color: var(--deepdrft-primary);
}
/* Share + Queue icon buttons in each cut detail track row */
.deepdrft-theme-dark .cut-detail-track-row .mud-icon-button {
color: var(--deepdrft-primary);
}
/* =============================================================================
RELEASE DESCRIPTION BLURB
Shared block rendered just below the hero/header on every release detail page