Try out different colors for the different game stats

This commit is contained in:
Eevee (Evelyn Woods) 2021-03-05 14:04:09 -07:00
parent 4c9afe5a9f
commit dac868edbf

View File

@ -1329,14 +1329,18 @@ dl.score-chart .-star {
font-family: monospace; font-family: monospace;
color: hsl(225, 20%, 60%); color: hsl(225, 20%, 60%);
} }
.chips output.--done { /* nb: the hex colors are all taken from the lexy palette */
color: hsl(225, 10%, 30%); .chips output {
color: #feafc9;
}
.time output {
color: #6ca2a7;
} }
.time output.--warning { .time output.--warning {
color: hsl(345, 60%, 60%); color: #f48457;
} }
.time output.--danger { .time output.--danger {
color: hsl(330, 60%, 60%); color: #e1565f;
/* TODO this can get out of sync and keeps going at 0, but is a neat idea */ /* TODO this can get out of sync and keeps going at 0, but is a neat idea */
/* animation: time-pulse 1s linear infinite; */ /* animation: time-pulse 1s linear infinite; */
} }
@ -1348,9 +1352,13 @@ dl.score-chart .-star {
transform: scale(1); transform: scale(1);
} }
} }
.chips output.--done,
.time output.--frozen { .time output.--frozen {
color: hsl(225, 10%, 30%); color: hsl(225, 10%, 30%);
} }
.bonus output {
color: #e2c9ff;
}
#player .bonus { #player .bonus {
visibility: hidden; visibility: hidden;
display: none; display: none;