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

fix: correct MudBlazor Tertiary class targets and demote artist to muted off-white in TrackCard

Browse Source
This commit is contained in:
daniel-c-harvey
2026-06-06 20:33:21 -04:00
parent 9ce2631bf4
commit 4b5de088ab
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
DeepDrftShared.Client/Components/TrackCard.razor.css
+7 -7
View File
@@ -49,16 +49,16 @@
won't stamp b-{hash} on it; ::deep pierces into child component output. */ won't stamp b-{hash} on it; ::deep pierces into child component output. */
::deep .deepdrft-track-title { color: var(--deepdrft-white, #FAFAF8); } ::deep .deepdrft-track-title { color: var(--deepdrft-white, #FAFAF8); }
/* Artist: green-accent — matches .np-label. ::deep for same reason. */ /* Artist: muted off-white — green reserved for interactive elements (FAB, chip). ::deep for same reason. */
::deep .deepdrft-track-artist { color: var(--deepdrft-green-accent, #3D7A68); } ::deep .deepdrft-track-artist { color: rgba(250, 250, 248, 0.55); }
/* Meta: muted off-white — matches .np-sub. ::deep for same reason. */ /* Meta: muted off-white — matches .np-sub. ::deep for same reason. */
::deep .deepdrft-track-meta { color: rgba(250, 250, 248, 0.45); } ::deep .deepdrft-track-meta { color: rgba(250, 250, 248, 0.45); }
/* FAB always green-accent — card is always dark glass regardless of page theme. /* FAB always green-interactive — card is always dark glass regardless of page theme.
.mud-button-filled-primary specificity (0,1,0) in MudBlazor; our (0,1,1) wins. */ .mud-button-filled-tertiary specificity (0,1,0) in MudBlazor; our (0,1,1) wins. */
::deep .mud-button-filled-primary { ::deep .mud-button-filled-tertiary {
background-color: var(--deepdrft-green-accent, #3D7A68); background-color: var(--deepdrft-green-interactive, #3aa163);
color: var(--deepdrft-white, #FAFAF8); color: var(--deepdrft-white, #FAFAF8);
} }
@@ -67,7 +67,7 @@
border-color: var(--deepdrft-green-accent, #3D7A68); border-color: var(--deepdrft-green-accent, #3D7A68);
color: var(--deepdrft-green-accent, #3D7A68); color: var(--deepdrft-green-accent, #3D7A68);
} }
::deep .deepdrft-genre-chip.mud-chip-color-primary { ::deep .deepdrft-genre-chip.mud-chip-color-tertiary {
color: var(--deepdrft-green-accent, #3D7A68); color: var(--deepdrft-green-accent, #3D7A68);
} }