From 1d3abf3f4342bb2767c28573a9e30b19ecfdb298 Mon Sep 17 00:00:00 2001
From: Christian Fehmer <fehmer@users.noreply.github.com>
Date: Wed, 10 Dec 2025 11:11:00 +0100
Subject: [PATCH] fix(theme): duplicate definition of fadeIn animation in dark
 note theme (@fehmer) (#7205)

rename animations used in the dark note theme to not conflict with the
`fadeIn` animation added in b9924ff4930565e8e0514684240844dc2d0d8bcb
---
 frontend/static/themes/dark_note.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/static/themes/dark_note.css b/frontend/static/themes/dark_note.css
index f6f7f3686f98..24e6163948b1 100644
--- a/frontend/static/themes/dark_note.css
+++ b/frontend/static/themes/dark_note.css
@@ -102,10 +102,10 @@ body::before {
 }
 
 #words .typed letter {
-  animation: toDust 200ms ease-out 0ms 1 forwards !important;
+  animation: darkNoteToDust 200ms ease-out 0ms 1 forwards !important;
 }
 #words .typed letter::after {
-  animation: fadeIn 100ms ease-in 100ms 1 forwards;
+  animation: darkNoteFadeIn 100ms ease-in 100ms 1 forwards;
 }
 
 .word letter {
@@ -154,7 +154,7 @@ hint {
   }
 }
 
-@keyframes fadeIn {
+@keyframes darkNoteFadeIn {
   0% {
     opacity: 0;
   }
@@ -166,7 +166,7 @@ hint {
   }
 }
 
-@keyframes toDust {
+@keyframes darkNoteToDust {
   0% {
     transform: scale(1);
     color: var(--current-color);