mirror of
https://github.com/monkeytypegame/monkeytype.git
synced 2025-11-19 07:10:49 +08:00
New Theme : cheesecake (#3535) Edmain1
* Create cheesecake.css * Update _list.json * update colors and added animation * adjusted error colors, sub alt color slowed down animation Co-authored-by: Miodec <bartnikjack@gmail.com>
This commit is contained in:
parent
0fca1073bb
commit
894b4f53bf
2 changed files with 53 additions and 0 deletions
|
|
@ -779,4 +779,9 @@
|
|||
"bgColor": "#dbdbdb",
|
||||
"mainColor": "#8fd1c3"
|
||||
}
|
||||
,{
|
||||
"name": "cheesecake",
|
||||
"bgColor": "#fdf0d5",
|
||||
"mainColor": "#892948"
|
||||
}
|
||||
]
|
||||
|
|
|
|||
48
frontend/static/themes/cheesecake.css
Normal file
48
frontend/static/themes/cheesecake.css
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
:root {
|
||||
--bg-color: #fdf0d5;
|
||||
--main-color: #8e2949;
|
||||
--caret-color: #892948;
|
||||
--sub-color: #d91c81;
|
||||
--sub-alt-color: #f3e2bf;
|
||||
--text-color: #3a3335;
|
||||
--error-color: #5cf074;
|
||||
--error-extra-color: #5cf074;
|
||||
--colorful-error-color: #5cf074;
|
||||
--colorful-error-extra-color: #5cf074;
|
||||
}
|
||||
@keyframes rgb {
|
||||
0% {
|
||||
fill: #ff0090;
|
||||
}
|
||||
10% {
|
||||
fill: #c11384;
|
||||
}
|
||||
20% {
|
||||
fill: #832678;
|
||||
}
|
||||
30% {
|
||||
fill: #44396c;
|
||||
}
|
||||
40% {
|
||||
fill: #064c60;
|
||||
}
|
||||
50% {
|
||||
fill: #064c60;
|
||||
}
|
||||
65% {
|
||||
fill: #44396c;
|
||||
}
|
||||
75% {
|
||||
fill: #832678;
|
||||
}
|
||||
85% {
|
||||
fill: #c11384;
|
||||
}
|
||||
100% {
|
||||
fill: #ff0090;
|
||||
}
|
||||
}
|
||||
|
||||
#top > div.logo > div.icon > svg path {
|
||||
animation: 10s linear infinite 0.1s rgb;
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue