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

fix(css): ::deep track text color rules to pierce MudText

Browse Source
This commit is contained in:
daniel-c-harvey
2026-06-05 17:41:56 -04:00
parent 9c916245c1
commit 84307dabde
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
DeepDrftShared.Client/Components/TrackCard.razor.css
+8 -6
View File
@@ -48,14 +48,16 @@
backdrop-filter: blur(8px); backdrop-filter: blur(8px);
} }
/* Title: off-white — matches .np-title */ /* Title: off-white — matches .np-title.
.deepdrft-track-title { color: var(--deepdrft-white, #FAFAF8); } ::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 */ /* Artist: green-accent — matches .np-label. ::deep for same reason. */
.deepdrft-track-artist { color: var(--deepdrft-green-accent, #3D7A68); } ::deep .deepdrft-track-artist { color: var(--deepdrft-green-accent, #3D7A68); }
/* Meta: muted off-white — matches .np-sub */ /* Meta: muted off-white — matches .np-sub. ::deep for same reason. */
.deepdrft-track-meta { color: rgba(250, 250, 248, 0.45); } ::deep .deepdrft-track-meta { color: rgba(250, 250, 248, 0.45); }
.deepdrft-track-info-middle { margin: 8px 0; } .deepdrft-track-info-middle { margin: 8px 0; }