Add warm up

1 files changed, 16 insertions, 1 deletions

diff --git a/public/main.css b/public/main.css
index 5df74af..deec437 100644
--- a/public/main.css
+++ b/public/main.css
@@ -16,7 +16,8 @@ html {
   --color-action-darker: #222222;
   --color-prepare: #3B6EDC;
   --color-pause: #888888;
-  --color-work: #71b571;
+  --color-warm-up: #C679D9;
+  --color-work: #71B571;
   --color-rest: #B15B5B;
   --color-timer-arc-total: #222222;
   --color-timer-hover: #DDEEDD;
@@ -123,19 +124,27 @@ body {
   display: grid;
   grid-template-columns: 10% auto 10%;
   grid-template-rows: 10% auto 10% 10% 10%;
+  color: black;
+}
+
+.g-Timer--WarmUp {
+  background-color: var(--color-warm-up);
   color: white;
 }
 
 .g-Timer--Work {
   background-color: var(--color-work);
+  color: white;
 }
 
 .g-Timer--Rest {
   background-color: var(--color-rest);
+  color: white;
 }
 
 .g-Timer--Prepare {
   background-color: var(--color-prepare);
+  color: white;
 }
 
 .g-Timer__Pause {
@@ -180,6 +189,12 @@ body {
   stroke-width: 18;
 }
 
+.g-Timer__ArcWarmUp {
+  stroke: var(--color-warm-up);
+  fill: none;
+  stroke-width: 18;
+}
+
 .g-Timer__ArcWork {
   stroke: var(--color-work);
   fill: none;