2020-05-28 10:59:15 +08:00
|
|
|
:root {
|
2020-06-02 10:09:51 +08:00
|
|
|
--bg-color: #eeebe2;
|
2020-05-29 06:53:36 +08:00
|
|
|
--main-color: #080909;
|
2020-05-28 10:59:15 +08:00
|
|
|
--caret-color: #7fa480;
|
2020-05-31 16:28:25 +08:00
|
|
|
--sub-color: #99947f;
|
|
|
|
|
--text-color: #080909;
|
2020-05-28 10:59:15 +08:00
|
|
|
--error-color: #c87e74;
|
2020-06-09 08:32:34 +08:00
|
|
|
--extra-error-color: #a56961;
|
|
|
|
|
--extra-error-color: #c87e74;
|
|
|
|
|
--extra-error-extra-color: #a56961;
|
2020-05-28 10:59:15 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.word letter.incorrect{
|
|
|
|
|
color: var(--error-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.word letter.incorrect.extra{
|
|
|
|
|
color: var(--extra-error-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.word.error{
|
|
|
|
|
border-bottom: solid 2px var(--error-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
key{
|
|
|
|
|
color: var(--sub-color);
|
|
|
|
|
background-color: var(--main-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#menu .button{
|
|
|
|
|
color: var(--main-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#menu .button:nth-child(1){
|
|
|
|
|
color: var(--error-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#menu .button:nth-child(4){
|
|
|
|
|
color: var(--caret-color);
|
|
|
|
|
}
|
