fix(theme): duplicate definition of fadeIn animation in dark note theme (@fehmer) (monkeytypegame#7205)

fehmer · web-flow · commit 1d3abf3f4342 · 2025-12-10T11:11:00.000+01:00
rename animations used in the dark note theme to not conflict with the `fadeIn` animation added in b9924ff
diff --git 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);

Original file line number	Diff line number	Diff line change
`@@ -102,10 +102,10 @@ body::before {`
`102`	`102`	`}`
`103`	`103`
`104`	`104`	`#words .typed letter {`
`105`		`- animation: toDust 200ms ease-out 0ms 1 forwards !important;`
	`105`	`+ animation: darkNoteToDust 200ms ease-out 0ms 1 forwards !important;`
`106`	`106`	`}`
`107`	`107`	`#words .typed letter::after {`
`108`		`- animation: fadeIn 100ms ease-in 100ms 1 forwards;`
	`108`	`+ animation: darkNoteFadeIn 100ms ease-in 100ms 1 forwards;`
`109`	`109`	`}`
`110`	`110`
`111`	`111`	`.word letter {`
`@@ -154,7 +154,7 @@ hint {`
`154`	`154`	`}`
`155`	`155`	`}`
`156`	`156`
`157`		`-@keyframes fadeIn {`
	`157`	`+@keyframes darkNoteFadeIn {`
`158`	`158`	`0% {`
`159`	`159`	`opacity: 0;`
`160`	`160`	`}`
`@@ -166,7 +166,7 @@ hint {`
`166`	`166`	`}`
`167`	`167`	`}`
`168`	`168`
`169`		`-@keyframes toDust {`
	`169`	`+@keyframes darkNoteToDust {`
`170`	`170`	`0% {`
`171`	`171`	`transform: scale(1);`
`172`	`172`	`color: var(--current-color);`