daniel/deepdrft
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 13 Wiki Activity

refactor(track-card): replace MudCard/MudPaper shells with plain divs, drop !important from section 8 backgrounds

Browse Source
This commit is contained in:
daniel-c-harvey
2026-06-05 16:26:17 -04:00
parent eed99df0dd
commit 61c5bee5d7
2 changed files with 10 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
DeepDrftPublic/wwwroot/styles/deepdrft-styles.css
+5 -5
View File
@@ -211,7 +211,7 @@ body, p, span, div,
8. TRACK CARDS
============================================================================= */
/* Container — always transparent so MudCard's paper background never competes
/* Container — transparent so no background competes
with the absolute-positioned fallback panel or album art. */
.deepdrft-track-card-container {
width: 250px;
@@ -219,7 +219,7 @@ body, p, span, div,
min-width: 250px;
position: relative;
overflow: hidden;
background: transparent !important;
background: transparent;
}
/* Dark: glass edge to match NowPlayingCard vocabulary */
@@ -265,19 +265,19 @@ body, p, span, div,
left: 0;
width: 100%;
height: 100%;
background: var(--deepdrft-navy-mid, #162437) !important;
background: var(--deepdrft-navy-mid, #162437);
}
/* Fallback panel — navy-glass, dark theme. Mirrors NowPlayingCard's .now-playing glass. */
.deepdrft-theme-dark .deepdrft-track-card-fallback {
background: color-mix(in srgb, var(--deepdrft-navy) 55%, transparent) !important;
background: color-mix(in srgb, var(--deepdrft-navy) 55%, transparent);
border: 1px solid rgba(250, 250, 248, 0.12);
backdrop-filter: blur(8px);
}
/* Fallback panel — light theme: subtle navy tint on off-white */
.deepdrft-theme-light .deepdrft-track-card-fallback {
background: color-mix(in srgb, var(--deepdrft-navy) 8%, var(--deepdrft-white)) !important;
background: color-mix(in srgb, var(--deepdrft-navy) 8%, var(--deepdrft-white));
border: 1px solid var(--deepdrft-border);
}