From 2ddc57edb17b6878b7196759b33b827f8af8c257 Mon Sep 17 00:00:00 2001 From: daniel-c-harvey Date: Sat, 20 Jun 2026 01:29:59 -0400 Subject: [PATCH] fix(dark-theme): green Play/Share/Queue buttons in Cut detail 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. --- .../wwwroot/styles/deepdrft-styles.css | 25 +++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css b/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css index ef4921c..e511867 100644 --- a/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css +++ b/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css @@ -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