Try out different colors for the different game stats
This commit is contained in:
parent
4c9afe5a9f
commit
dac868edbf
16
style.css
16
style.css
@ -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;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user