From d1ce8774ec3291374c222c8f64c085e3a99f6147 Mon Sep 17 00:00:00 2001 From: Joris Date: Sat, 15 May 2021 12:47:04 +0200 Subject: Add warm up --- public/main.css | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) (limited to 'public') 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; -- cgit v1.2.3