From 21e1a33ccfa8ac14411ea6f1243ef9f1c2974048 Mon Sep 17 00:00:00 2001
From: daniel-c-harvey <the.real.daniel.harvey@gmail.com>
Date: Mon, 8 Jun 2026 08:12:04 -0400
Subject: [PATCH] style: semi-transparent hover overlay and theme-aware list
 row background in TrackCard

---
 DeepDrftPublic.Client/Controls/TrackCard.razor.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/DeepDrftPublic.Client/Controls/TrackCard.razor.css b/DeepDrftPublic.Client/Controls/TrackCard.razor.css
index a018ce1..ce2a173 100644
--- a/DeepDrftPublic.Client/Controls/TrackCard.razor.css
+++ b/DeepDrftPublic.Client/Controls/TrackCard.razor.css
@@ -99,7 +99,7 @@
     }
     .deepdrft-track-card-container--art:hover .deepdrft-track-card-content {
         opacity: 1;
-        background: var(--deepdrft-navy-mid, #162437);
+        background: rgba(22, 36, 55, 0.82);
         transition: opacity 180ms ease, background-color 180ms ease;
     }
 }
@@ -113,8 +113,8 @@
     gap: 16px;
     height: 80px;
     padding: 8px 16px;
-    background: var(--deepdrft-navy-mid, #162437);
-    border: 1px solid rgba(250, 250, 248, 0.12);
+    background: var(--mud-palette-surface);
+    border: 1px solid var(--mud-palette-divider);
     border-radius: 4px;
     box-sizing: border-box;
     width: 100%;