diff --git a/DeepDrftPublic.Client/Controls/TrackCard.razor.css b/DeepDrftPublic.Client/Controls/TrackCard.razor.css
index ce2a173..daf786a 100644
--- a/DeepDrftPublic.Client/Controls/TrackCard.razor.css
+++ b/DeepDrftPublic.Client/Controls/TrackCard.razor.css
@@ -145,8 +145,8 @@
 }
 
 .deepdrft-track-row-thumb--fallback {
-    background: color-mix(in srgb, var(--deepdrft-navy-mid, #162437) 60%, rgba(250,250,248,0.1));
-    border: 1px solid rgba(250, 250, 248, 0.12);
+    background: var(--mud-palette-background-grey);
+    border: 1px solid var(--mud-palette-divider);
 }
 
 .deepdrft-track-row-text {
@@ -183,3 +183,15 @@
 .deepdrft-track-row--playing {
     border-left: 3px solid var(--deepdrft-green-interactive, #3aa163);
 }
+
+/* ── Mode B text: theme-aware overrides (navy on light / off-white on dark) ─ */
+
+/* The global ::deep rules above hard-code off-white for the dark glass grid cards.
+   List rows use --mud-palette-surface as their background, so text must follow
+   the theme. These selectors have higher specificity (.deepdrft-track-row[b-hash]
+   vs plain [b-hash]) and win in the cascade. */
+.deepdrft-track-row ::deep .deepdrft-track-title,
+.deepdrft-track-row ::deep .deepdrft-track-artist,
+.deepdrft-track-row ::deep .deepdrft-track-meta {
+    color: var(--mud-palette-text-primary);
+}