mirror of
https://github.com/jeffvli/feishin.git
synced 2026-07-15 07:00:03 +02:00
fix subtle inconsistent highlight color on animating lyric
This commit is contained in:
@@ -43,8 +43,14 @@
|
|||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
:is(.karaoke-line, .lyric-line).lyrics-line-active .karaoke-word.sung {
|
:is(.karaoke-line, .lyric-line).lyrics-line-active
|
||||||
color: var(--theme-colors-foreground);
|
.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 {
|
.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 {
|
.karaoke-word ruby {
|
||||||
ruby-position: over;
|
ruby-position: over;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user