[Colours 2.2.0 alex.sittampalam@gmail.com**20210103174941 Ignore-this: 2d1d6d67180e25fc21bef01df3882ef0 Main Content: Defined Plain Colourscheme to allow for better representation on the theme change panel ] hunk ./static/timer.html 1 - - - - Timer - - - - - - -

This timer is no longer at this location. Please visit /timerplain.html for the timer!

- + + + + Timer + + + + + + +

This timer is no longer at this location. Please visit /timerplain.html for the timer!

+ hunk ./static/timerblue.html 1 - - - - Timer - - - - - - - - - - - - - - - - - -
-
-

Colour Theme

- Plain - Red - Purple -
-
-
- Muted
- -
- - - - - -

- - : - - -


- - -
- - - - + + + + Timer + + + + + + + + + + + + + + + + + +
+
+

Colour Theme

+ Plain + Red + Purple +
+
+
+ Muted
+ +
+ + + + + +

+ + : + + +


+ + +
+ + + + hunk ./static/timerbluestyle.css 1 -.bluebody { - background-color: #0000ff; -} - -.bluepageselect { - font-size: 80px; - color: #00e1ff; -} - -.bluepage { - font-size: 72px; - background-color: #00e1ff; - color: #0000ff; - padding: 2px 6px 2px 6px; -} - -.bluemanagement { - background-color: #00e1ff; - color: #0000ff; - border-width: 0px; - width: 350px; - height: 200px; - font-size: 144px; -} - -.bluepresets { - background-color: #00e1ff; - border-width: 0px; - color: #0000ff; - font-size: 72px; - height: 100px; - width: 200px; -} - -.bluecustom { - background-color: #00e1ff; - border-width: 0px; - color: #0000ff; - height: 100px; - width: 200px; - font-size: 72px; -} - -.bluesetcustom { - background-color: #00e1ff; - border-width: 0px; - color: #0000ff; - height: 100px; - width: 200px; - font-size: 72px; +.bluebody { + background-color: #0000ff; +} + +.bluepageselect { + font-size: 80px; + color: #00e1ff; +} + +.bluepage { + font-size: 72px; + background-color: #00e1ff; + color: #0000ff; + padding: 2px 6px 2px 6px; +} + +.bluemanagement { + background-color: #00e1ff; + color: #0000ff; + border-width: 0px; + width: 350px; + height: 200px; + font-size: 144px; +} + +.bluepresets { + background-color: #00e1ff; + border-width: 0px; + color: #0000ff; + font-size: 72px; + height: 100px; + width: 200px; +} + +.bluecustom { + background-color: #00e1ff; + border-width: 0px; + color: #0000ff; + height: 100px; + width: 200px; + font-size: 72px; +} + +.bluesetcustom { + background-color: #00e1ff; + border-width: 0px; + color: #0000ff; + height: 100px; + width: 200px; + font-size: 72px; hunk ./static/timerplainstyle.css 1 -.plainpageselect { - font-size: 80px; -} - -.plainpage { - font-size: 72px; - padding: 2px 6px 2px 6px; -} - -.plainmanagement { - border-width: 0px; - width: 350px; - height: 200px; - font-size: 144px; -} - -.plainpresets { - border-width: 0px; - font-size: 72px; - height: 100px; - width: 200px; -} - -.plaincustom { - border-width: 0px; - height: 100px; - width: 200px; - font-size: 72px; -} - -.plainsetcustom { - border-width: 0px; - height: 100px; - width: 200px; - font-size: 72px; +.plainbody { + background-color: #ffffff; +} + +.plainpageselect { + font-size: 80px; + color: #000000; +} + +.plainpage { + font-size: 72px; + padding: 2px 6px 2px 6px; + background-color: #ededed; + color: #000000 +} + +.plainmanagement { + border-width: 0px; + width: 350px; + height: 200px; + font-size: 144px; + background-color: #ededed; + color: #000000; +} + +.plainpresets { + border-width: 0px; + font-size: 72px; + height: 100px; + width: 200px; + background-color: #ededed; + color: #000000; +} + +.plaincustom { + border-width: 0px; + height: 100px; + width: 200px; + font-size: 72px; + background-color: #ededed; + color: #000000; +} + +.plainsetcustom { + border-width: 0px; + height: 100px; + width: 200px; + font-size: 72px; + background-color: #ededed; + color: #000000; hunk ./static/timerpurple.html 1 - - - - Timer - - - - - - - - - - - - - - - - - -
-
-

Colour Theme

- Plain - Blue - Red -
-
-
- Muted
- -
- - - - - -

- - : - - -


- - -
- - - - + + + + Timer + + + + + + + + + + + + + + + + + +
+
+

Colour Theme

+ Plain + Blue + Red +
+
+
+ Muted
+ +
+ + + + + +

+ + : + + +


+ + +
+ + + + hunk ./static/timerpurplestyle.css 1 -.purplebody { - background-color: #ae00ff; -} - -.purplepageselect { - font-size: 80px; - color: #ff00f2; -} - -.purplepage { - font-size: 72px; - background-color: #ff00f2; - color: #ae00ff; - padding: 2px 6px 2px 6px; -} - -.purplemanagement { - background-color: #ff00f2; - color: #ae00ff; - border-width: 0px; - width: 350px; - height: 200px; - font-size: 144px; -} - -.purplepresets { - background-color: #ff00f2; - border-width: 0px; - color: #ae00ff; - font-size: 72px; - height: 100px; - width: 200px; -} - -.purplecustom { - background-color: #ff00f2; - border-width: 0px; - color: #ae00ff; - height: 100px; - width: 200px; - font-size: 72px; -} - -.purplesetcustom { - background-color: #ff00f2; - border-width: 0px; - color: #ae00ff; - height: 100px; - width: 200px; - font-size: 72px; +.purplebody { + background-color: #ae00ff; +} + +.purplepageselect { + font-size: 80px; + color: #ff00f2; +} + +.purplepage { + font-size: 72px; + background-color: #ff00f2; + color: #ae00ff; + padding: 2px 6px 2px 6px; +} + +.purplemanagement { + background-color: #ff00f2; + color: #ae00ff; + border-width: 0px; + width: 350px; + height: 200px; + font-size: 144px; +} + +.purplepresets { + background-color: #ff00f2; + border-width: 0px; + color: #ae00ff; + font-size: 72px; + height: 100px; + width: 200px; +} + +.purplecustom { + background-color: #ff00f2; + border-width: 0px; + color: #ae00ff; + height: 100px; + width: 200px; + font-size: 72px; +} + +.purplesetcustom { + background-color: #ff00f2; + border-width: 0px; + color: #ae00ff; + height: 100px; + width: 200px; + font-size: 72px; hunk ./static/timerred.html 1 - - - - Timer - - - - - - - - - - - - - - - - - -
-
-

Colour Theme

- Plain - Blue - Purple -
-
-
- Muted
- -
- - - - - -

- - : - - -


- - -
- - - - + + + + Timer + + + + + + + + + + + + + + + + + +
+
+

Colour Theme

+ Plain + Blue + Purple +
+
+
+ Muted
+ +
+ + + + + +

+ + : + + +


+ + +
+ + + + hunk ./static/timerredstyle.css 1 -.redbody { - background-color: #ee730f; -} - -.redpageselect { - font-size: 80px; - color: #ff0000; -} - -.redpage { - font-size: 72px; - background-color: #ff0000; - color: #fac635; - padding: 2px 6px 2px 6px; -} - -.redmanagement { - background-color: #ff0000; - color: #fac635; - border-width: 0px; - width: 350px; - height: 200px; - font-size: 144px; -} - -.redpresets { - background-color: #ff0000; - border-width: 0px; - color: #fac635; - font-size: 72px; - height: 100px; - width: 200px; -} - -.redcustom { - background-color: #ff0000; - border-width: 0px; - color: #fac635; - height: 100px; - width: 200px; - font-size: 72px; -} - -.redsetcustom { - background-color: #ff0000; - border-width: 0px; - color: #fac635; - height: 100px; - width: 200px; - font-size: 72px; +.redbody { + background-color: #ee730f; +} + +.redpageselect { + font-size: 80px; + color: #ff0000; +} + +.redpage { + font-size: 72px; + background-color: #ff0000; + color: #fac635; + padding: 2px 6px 2px 6px; +} + +.redmanagement { + background-color: #ff0000; + color: #fac635; + border-width: 0px; + width: 350px; + height: 200px; + font-size: 144px; +} + +.redpresets { + background-color: #ff0000; + border-width: 0px; + color: #fac635; + font-size: 72px; + height: 100px; + width: 200px; +} + +.redcustom { + background-color: #ff0000; + border-width: 0px; + color: #fac635; + height: 100px; + width: 200px; + font-size: 72px; +} + +.redsetcustom { + background-color: #ff0000; + border-width: 0px; + color: #fac635; + height: 100px; + width: 200px; + font-size: 72px;