monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-02-24 23:04:00 +08:00
Code Issues Projects Releases Packages Wiki Activity

fixed aurora and trance color shift animations being rgb

Browse source
This commit is contained in:
Miodec 2022-09-27 18:46:30 +02:00
parent a9f1580aab
commit 5f7b87173b
2 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontend/static/themes/aurora.css
View file

@ -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;
}

10
frontend/static/themes/trance.css
View file

@ -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;
}