From 84307dabdeb857580e7eca72887e74f62a1a7285 Mon Sep 17 00:00:00 2001 From: daniel-c-harvey Date: Fri, 5 Jun 2026 17:41:56 -0400 Subject: [PATCH] fix(css): ::deep track text color rules to pierce MudText --- .../Components/TrackCard.razor.css | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/DeepDrftShared.Client/Components/TrackCard.razor.css b/DeepDrftShared.Client/Components/TrackCard.razor.css index 270c4bc..ec8844e 100644 --- a/DeepDrftShared.Client/Components/TrackCard.razor.css +++ b/DeepDrftShared.Client/Components/TrackCard.razor.css @@ -48,14 +48,16 @@ backdrop-filter: blur(8px); } -/* Title: off-white — matches .np-title */ -.deepdrft-track-title { color: var(--deepdrft-white, #FAFAF8); } +/* Title: off-white — matches .np-title. + ::deep required: MudText renders its own element, so Blazor isolation + won't stamp b-{hash} on it; ::deep pierces into child component output. */ +::deep .deepdrft-track-title { color: var(--deepdrft-white, #FAFAF8); } -/* Artist: green-accent — matches .np-label */ -.deepdrft-track-artist { color: var(--deepdrft-green-accent, #3D7A68); } +/* Artist: green-accent — matches .np-label. ::deep for same reason. */ +::deep .deepdrft-track-artist { color: var(--deepdrft-green-accent, #3D7A68); } -/* Meta: muted off-white — matches .np-sub */ -.deepdrft-track-meta { color: rgba(250, 250, 248, 0.45); } +/* Meta: muted off-white — matches .np-sub. ::deep for same reason. */ +::deep .deepdrft-track-meta { color: rgba(250, 250, 248, 0.45); } .deepdrft-track-info-middle { margin: 8px 0; }