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-27 07:49:05 +08:00
|
|
|
--colorful-error-color: #a56961;
|
|
|
|
|
--colorful-error-color: #c87e74;
|
2020-08-12 05:02:25 +08:00
|
|
|
--colorful-error-extra-color: #a56961;
|
2020-05-28 10:59:15 +08:00
|
|
|
}
|
|
|
|
|
|
2020-08-12 05:02:25 +08:00
|
|
|
.word letter.incorrect {
|
2020-05-28 10:59:15 +08:00
|
|
|
color: var(--error-color);
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-12 05:02:25 +08:00
|
|
|
.word letter.incorrect.extra {
|
2020-06-27 07:49:05 +08:00
|
|
|
color: var(--colorful-error-color);
|
2020-05-28 10:59:15 +08:00
|
|
|
}
|
|
|
|
|
|
2020-08-12 05:02:25 +08:00
|
|
|
.word.error {
|
2020-05-28 10:59:15 +08:00
|
|
|
border-bottom: solid 2px var(--error-color);
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-12 05:02:25 +08:00
|
|
|
key {
|
2020-05-28 10:59:15 +08:00
|
|
|
color: var(--sub-color);
|
|
|
|
|
background-color: var(--main-color);
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-12 05:02:25 +08:00
|
|
|
#menu .icon-button {
|
2020-05-28 10:59:15 +08:00
|
|
|
color: var(--main-color);
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-12 05:02:25 +08:00
|
|
|
#menu .icon-button:nth-child(1) {
|
2020-05-28 10:59:15 +08:00
|
|
|
color: var(--error-color);
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-12 05:02:25 +08:00
|
|
|
#menu .icon-button:nth-child(4) {
|
2020-05-28 10:59:15 +08:00
|
|
|
color: var(--caret-color);
|
|
|
|
|
}
|
