From b92121f1801ac82e7ba5a59a8c0f6a67a638c756 Mon Sep 17 00:00:00 2001
From: Christian Fehmer <fehmer@users.noreply.github.com>
Date: Sun, 7 Dec 2025 19:37:17 +0100
Subject: [PATCH] fix(theme): fix dark note theme converting typed words to
 dots multiple times (@fehmer) (#7198)

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

diff --git a/frontend/static/themes/dark_note.css b/frontend/static/themes/dark_note.css
index 605f94140..f6f7f3686 100644
--- a/frontend/static/themes/dark_note.css
+++ b/frontend/static/themes/dark_note.css
@@ -101,10 +101,10 @@ body::before {
   --c-dot--error: var(--colorful-error-color);
 }
 
-#words .word:has(~ .active) letter {
+#words .typed letter {
   animation: toDust 200ms ease-out 0ms 1 forwards !important;
 }
-#words .word:has(~ .active) letter::after {
+#words .typed letter::after {
   animation: fadeIn 100ms ease-in 100ms 1 forwards;
 }
 
@@ -124,7 +124,7 @@ body::before {
   opacity: 0;
 }
 
-#wordsWrapper .word:has(~ .active) letter::after {
+#wordsWrapper .typed letter::after {
   background: var(--c-dot);
 }
 
@@ -143,12 +143,12 @@ hint {
 }
 
 @media (prefers-reduced-motion) {
-  #words .word:has(~ .active) letter {
+  #words .typed letter {
     animation: none !important;
     transform: scale(0.4);
     color: transparent;
   }
-  #words .word:has(~ .active) letter::after {
+  #words .typed letter::after {
     animation: none !important;
     opacity: 1;
   }