From 4fe11aceee16fa33c5c3334d6ffdc27f7ab54b78 Mon Sep 17 00:00:00 2001
From: Christian Fehmer <fehmer@users.noreply.github.com>
Date: Mon, 26 May 2025 16:02:15 +0200
Subject: [PATCH] fix(theme): dark note and reduced-motion not replacing
 letters with circles (@fehmer) (#6589)

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

diff --git a/frontend/static/themes/dark_note.css b/frontend/static/themes/dark_note.css
index be5d7e31f..605f94140 100644
--- a/frontend/static/themes/dark_note.css
+++ b/frontend/static/themes/dark_note.css
@@ -142,6 +142,18 @@ hint {
   opacity: 0;
 }
 
+@media (prefers-reduced-motion) {
+  #words .word:has(~ .active) letter {
+    animation: none !important;
+    transform: scale(0.4);
+    color: transparent;
+  }
+  #words .word:has(~ .active) letter::after {
+    animation: none !important;
+    opacity: 1;
+  }
+}
+
 @keyframes fadeIn {
   0% {
     opacity: 0;