diff --git a/frontend/static/themes/aurora.css b/frontend/static/themes/aurora.css
index 528eb00ae..57f015ccc 100644
--- a/frontend/static/themes/aurora.css
+++ b/frontend/static/themes/aurora.css
@@ -11,7 +11,7 @@
   --colorful-error-extra-color: #9b3a76;
 }
 
-@keyframes rgb {
+@keyframes aurora {
   0% {
     color: #009fb4;
   }
@@ -29,7 +29,7 @@
   }
 }
 
-@keyframes rgb-bg {
+@keyframes aurora-bg {
   0% {
     background: #009fb4;
   }
@@ -52,7 +52,7 @@
 .pageSettings .section .buttons .button.active,
 .pageSettings .section.languages .buttons .language.active,
 .pageAccount .group.filterButtons .buttons .button.active {
-  animation: rgb-bg 5s linear infinite;
+  animation: aurora-bg 5s linear infinite;
 }
 
 #top.focus .button.discord::after,
@@ -67,7 +67,7 @@
 #top .config .group .buttons .textButton:hover,
 a:hover,
 #words.flipped .word {
-  animation: rgb 5s linear infinite;
+  animation: aurora 5s linear infinite;
 }
 
 #words.flipped .word letter.correct {
@@ -75,5 +75,5 @@ a:hover,
 }
 
 #words:not(.flipped) .word letter.correct {
-  animation: rgb 5s linear infinite;
+  animation: aurora 5s linear infinite;
 }
diff --git a/frontend/static/themes/trance.css b/frontend/static/themes/trance.css
index 9d58520d9..7784894be 100644
--- a/frontend/static/themes/trance.css
+++ b/frontend/static/themes/trance.css
@@ -11,7 +11,7 @@
   --colorful-error-extra-color: #3f887c;
 }
 
-@keyframes rgb {
+@keyframes trance {
   0% {
     color: #e51376;
   }
@@ -23,7 +23,7 @@
   }
 }
 
-@keyframes rgb-bg {
+@keyframes trance-bg {
   0% {
     background: #e51376;
   }
@@ -40,7 +40,7 @@
 .pageSettings .section .buttons .button.active,
 .pageSettings .section.languages .buttons .language.active,
 .pageAccount .group.filterButtons .buttons .button.active {
-  animation: rgb-bg 5s linear infinite;
+  animation: trance-bg 5s linear infinite;
 }
 
 #top.focus .button.discord::after,
@@ -55,7 +55,7 @@
 #top .config .group .buttons .textButton:hover,
 a:hover,
 #words.flipped .word {
-  animation: rgb 5s linear infinite;
+  animation: trance 5s linear infinite;
 }
 
 #words.flipped .word letter.correct {
@@ -63,5 +63,5 @@ a:hover,
 }
 
 #words:not(.flipped) .word letter.correct {
-  animation: rgb 5s linear infinite;
+  animation: trance 5s linear infinite;
 }