fix subtle inconsistent highlight color on animating lyric

This commit is contained in:
jeffvli
2026-07-10 18:36:55 -07:00
parent a1b83f57b0
commit 857c8187b5
@@ -43,8 +43,14 @@
vertical-align: baseline;
}
:is(.karaoke-line, .lyric-line).lyrics-line-active .karaoke-word.sung {
color: var(--theme-colors-foreground);
:is(.karaoke-line, .lyric-line).lyrics-line-active
.karaoke-word.sung:not(.lyrics-word-animating, .lyrics-word-pre-animating)
.karaoke-word-highlight {
opacity: 1;
transition: none;
--lyric-transition-amount-start: 1.4;
--lyric-transition-amount-end: 1.5;
}
.karaoke-line.lyrics-line-pre-animating {
@@ -147,14 +153,6 @@
);
}
:is(.karaoke-line, .lyric-line).lyrics-line-active .karaoke-word.sung .karaoke-word-highlight {
opacity: 1;
transition: none;
--lyric-transition-amount-start: 1.4;
--lyric-transition-amount-end: 1.5;
}
.karaoke-word ruby {
ruby-position: over;
}