fix(theme): dark note not replacing words with dots in some highlight…

… modes (fehmer) (#4951)
monkeytypegame · Jan 22, 2024 · 56ab68a · 56ab68a
1 parent 8ce99c9
commit 56ab68a
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/frontend/static/themes/dark_note.css b/frontend/static/themes/dark_note.css
@@ -97,13 +97,11 @@ body::before {
   --c-dot--error: var(--colorful-error-color);
 }
 
-#wordsWrapper .word:not(.active) letter.correct,
-#wordsWrapper .word:not(.active) letter.incorrect {
+#wordsWrapper .word:has(~ .active) letter {
   animation: toDust 200ms ease-out 0ms 1 forwards;
 }
 
-#wordsWrapper .word:not(.active) letter.correct::after,
-#wordsWrapper .word:not(.active) letter.incorrect::after {
+#wordsWrapper .word:has(~ .active) letter::after {
   animation: fadeIn 100ms ease-in 100ms 1 forwards;
 }
 
@@ -123,7 +121,7 @@ body::before {
   opacity: 0;
 }
 
-#wordsWrapper .word letter.correct::after {
+#wordsWrapper .word:has(~ .active) letter::after {
   background: var(--c-dot);
 }