fix(lyrics): add text shadow for contrast against any background

Immersive lyrics now have dark shadow behind text for readability
on light/warm backgrounds like Powerslave's golden tones.
This commit is contained in:
vicrodh committed 2026-02-01 11:43:41 -06:00
1 parent 240ca09c6a
commit 7535fdb8cc
1 file changed
+8 -2
+8 -2
View File
@@ -193,6 +193,10 @@
.lyrics-lines.immersive .lyrics-line {
font-size: 24px;
font-weight: 500;
/* Text shadow for contrast against any background */
text-shadow:
0 1px 2px rgba(0, 0, 0, 0.5),
0 2px 8px rgba(0, 0, 0, 0.3);
}
.lyrics-lines.immersive .lyrics-line.active {
@@ -241,8 +245,10 @@
opacity: 1;
transform: scale(1.02);
text-shadow:
0 0 40px rgba(99, 102, 241, 0.3),
0 0 80px rgba(99, 102, 241, 0.15);
0 1px 3px rgba(0, 0, 0, 0.6),
0 2px 10px rgba(0, 0, 0, 0.4),
0 0 40px rgba(99, 102, 241, 0.4),
0 0 80px rgba(99, 102, 241, 0.2);
}
.lyrics-lines.center .lyrics-line.active {