From bb2708207f17978b75fe32788e84f566a1646124 Mon Sep 17 00:00:00 2001
From: Christian Fehmer <cfe@sexy-developer.com>
Date: Sun, 21 Jan 2024 16:28:15 +0100
Subject: [PATCH] fix: theme dark note not replacing words with dots in some
 highlight modes

---
 frontend/static/themes/dark_note.css | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/frontend/static/themes/dark_note.css b/frontend/static/themes/dark_note.css
index 0c9f5a8666f3..905527ac9d0f 100644
--- 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);
 }