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 {
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%;