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);
}
/* 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; }