fix(lyrics): disable karaoke gradient in immersive, increase font +2pt

- Font size: 28px inactive, 30px active
- Disabled background-clip karaoke effect in immersive mode
- Active line now pure white (#ffffff)
- Past lines dimmed to 35% opacity
This commit is contained in:
vicrodh committed 2026-02-01 12:06:18 -06:00
1 parent 9d3f05025a
commit 0f6c24f4f9
1 file changed
+17 -3
+17 -3
View File
@@ -192,7 +192,7 @@
.lyrics-lines.immersive .lyrics-line { .lyrics-lines.immersive .lyrics-line {
font-family: 'Oswald', var(--font-sans), sans-serif; font-family: 'Oswald', var(--font-sans), sans-serif;
font-size: 26px; font-size: 28px;
font-weight: 400; font-weight: 400;
letter-spacing: 0.02em; letter-spacing: 0.02em;
/* Text shadow for contrast against any background */ /* Text shadow for contrast against any background */
@@ -202,12 +202,26 @@
} }
.lyrics-lines.immersive .lyrics-line.active { .lyrics-lines.immersive .lyrics-line.active {
font-size: 28px; font-size: 30px;
font-weight: 600; font-weight: 600;
color: #ffffff; color: #ffffff !important;
opacity: 1; opacity: 1;
} }
/* Disable karaoke gradient in immersive - keep text bright white */
.lyrics-lines.immersive .lyrics-line.active .line-text {
background: none !important;
-webkit-background-clip: unset !important;
background-clip: unset !important;
color: #ffffff !important;
}
/* Past lines in immersive should be clearly dimmer than active */
.lyrics-lines.immersive .lyrics-line.past {
color: rgba(255, 255, 255, 0.35);
font-weight: 400;
}
.lyrics-line { .lyrics-line {
color: var(--text-secondary); color: var(--text-secondary);
font-family: var(--font-sans); font-family: var(--font-sans);