style: semi-transparent hover overlay and theme-aware list row background in TrackCard

This commit is contained in:
daniel-c-harvey
2026-06-08 08:12:04 -04:00
parent 2db9a6251a
commit 21e1a33ccf
@@ -99,7 +99,7 @@
} }
.deepdrft-track-card-container--art:hover .deepdrft-track-card-content { .deepdrft-track-card-container--art:hover .deepdrft-track-card-content {
opacity: 1; opacity: 1;
background: var(--deepdrft-navy-mid, #162437); background: rgba(22, 36, 55, 0.82);
transition: opacity 180ms ease, background-color 180ms ease; transition: opacity 180ms ease, background-color 180ms ease;
} }
} }
@@ -113,8 +113,8 @@
gap: 16px; gap: 16px;
height: 80px; height: 80px;
padding: 8px 16px; padding: 8px 16px;
background: var(--deepdrft-navy-mid, #162437); background: var(--mud-palette-surface);
border: 1px solid rgba(250, 250, 248, 0.12); border: 1px solid var(--mud-palette-divider);
border-radius: 4px; border-radius: 4px;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;