fix(modals): use theme CSS variables instead of hardcoded colors
TrackInfoModal and AlbumCreditsModal now properly respect theme colors: - background: var(--bg-secondary) instead of rgba(26, 26, 26, 0.95) - border: var(--border-subtle) instead of rgba(255, 255, 255, 0.08) - text colors: var(--text-muted) instead of #888888
This commit is contained in:
1 parent
b412f6c448
commit
822e42f484
2 files changed
+7
-7
No files matched your search
@@ -301,9 +301,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.credits-modal {
|
.credits-modal {
|
||||||
background: rgba(26, 26, 26, 0.95);
|
background: var(--bg-secondary);
|
||||||
backdrop-filter: blur(20px);
|
backdrop-filter: blur(20px);
|
||||||
border: 1px solid rgba(255, 255, 255, 0.08);
|
border: 1px solid var(--border-subtle);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 850px;
|
max-width: 850px;
|
||||||
@@ -392,7 +392,7 @@
|
|||||||
|
|
||||||
.album-artist {
|
.album-artist {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
color: var(--text-tertiary, #888888);
|
color: var(--text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.close-btn {
|
.close-btn {
|
||||||
|
|||||||
@@ -272,9 +272,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.track-modal {
|
.track-modal {
|
||||||
background: rgba(26, 26, 26, 0.95);
|
background: var(--bg-secondary);
|
||||||
backdrop-filter: blur(20px);
|
backdrop-filter: blur(20px);
|
||||||
border: 1px solid rgba(255, 255, 255, 0.08);
|
border: 1px solid var(--border-subtle);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 560px;
|
max-width: 560px;
|
||||||
@@ -358,7 +358,7 @@
|
|||||||
|
|
||||||
.album-title {
|
.album-title {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
color: var(--text-tertiary, #888888);
|
color: var(--text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.artist-link {
|
.artist-link {
|
||||||
@@ -439,7 +439,7 @@
|
|||||||
.metadata-value.mono {
|
.metadata-value.mono {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
color: var(--text-tertiary, #888888);
|
color: var(--text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Divider */
|
/* Divider */
|
||||||
|
|||||||
Reference in new issue
Block a user