monkeytype/static/themes/shadow.css

53 lines
958 B
CSS
Raw Normal View History

2020-05-29 06:21:22 +08:00
:root {
2020-08-12 05:02:25 +08:00
--bg-color: #000;
--main-color: #eee;
--caret-color: #eee;
--sub-color: #444;
--text-color: #eee;
--error-color: #fff;
--error-extra-color: #d8d8d8;
--colorful-error-color: #fff;
--colorful-error-extra-color: #d8d8d8;
2020-05-29 06:21:22 +08:00
}
@keyframes shadow {
2020-08-12 05:02:25 +08:00
to {
color: #000;
}
2020-05-29 06:21:22 +08:00
}
@keyframes shadow-repeat {
2020-08-12 05:02:25 +08:00
50% {
color: #000;
}
100% {
color: #eee;
}
2020-05-29 06:21:22 +08:00
}
2020-08-12 05:02:25 +08:00
#liveWpm,
#timerNumber {
color: white;
2020-05-30 22:46:41 +08:00
}
#top .config .group .buttons .text-button.active,
2020-05-29 06:21:22 +08:00
#result .stats .group,
#menu .icon-button:hover,
#top .config .group .buttons .text-button:hover,
2020-05-29 06:21:22 +08:00
a:hover {
2020-08-12 05:02:25 +08:00
animation-name: shadow-repeat;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-fill-mode: forwards;
animation-timing-function: linear;
2020-05-29 06:21:22 +08:00
}
2020-08-12 05:02:25 +08:00
#logo,
#typingTest .word letter.correct {
2020-08-12 05:02:25 +08:00
animation-name: shadow;
animation-duration: 5s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
animation-timing-function: linear;
2020-05-29 06:21:22 +08:00
}