Try out different colors for the different game stats

style.css

@@ -1329,14 +1329,18 @@ dl.score-chart .-star {
     font-family: monospace;
     color: hsl(225, 20%, 60%);
 }
-.chips output.--done {
-    color: hsl(225, 10%, 30%);
+/* nb: the hex colors are all taken from the lexy palette */
+.chips output {
+    color: #feafc9;
+}
+.time output {
+    color: #6ca2a7;
 }
 .time output.--warning {
-    color: hsl(345, 60%, 60%);
+    color: #f48457;
 }
 .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 */
     /* animation: time-pulse 1s linear infinite; */
 }
@@ -1348,9 +1352,13 @@ dl.score-chart .-star {
         transform: scale(1);
     }
 }
+.chips output.--done,
 .time output.--frozen {
     color: hsl(225, 10%, 30%);
 }
+.bonus output {
+    color: #e2c9ff;
+}
 #player .bonus {
     visibility: hidden;
     display: none;