From 857c8187b5b482173d3cc757327a095573632dbc Mon Sep 17 00:00:00 2001 From: jeffvli Date: Fri, 10 Jul 2026 18:36:55 -0700 Subject: [PATCH] fix subtle inconsistent highlight color on animating lyric --- .../lyrics/styles/karaoke-animation.css | 18 ++++++++---------- 1 file changed, 8 insertions(+), 10 deletions(-) diff --git a/src/renderer/features/lyrics/styles/karaoke-animation.css b/src/renderer/features/lyrics/styles/karaoke-animation.css index b58871fd8..1f431cc39 100644 --- a/src/renderer/features/lyrics/styles/karaoke-animation.css +++ b/src/renderer/features/lyrics/styles/karaoke-animation.css @@ -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; }