From 2bac1520db25fef5cf47dbcbb927edbc8cfeb9e4 Mon Sep 17 00:00:00 2001 From: daniel-c-harvey Date: Mon, 8 Jun 2026 08:36:45 -0400 Subject: [PATCH] =?UTF-8?q?fix:=20readable=20text=20in=20list=20mode=20lig?= =?UTF-8?q?ht=20theme=20=E2=80=94=20override=20hard-coded=20off-white=20wi?= =?UTF-8?q?th=20mud-palette-text-primary=20inside=20.deepdrft-track-row?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Controls/TrackCard.razor.css | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) 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); +}