From 0a31eda4db214bcda17e70b4f6b37e36e4c2090c Mon Sep 17 00:00:00 2001
From: SeerLite <seerlite@tuta.io>
Date: Tue, 6 Apr 2021 15:17:26 -0400
Subject: [PATCH 1/2] Improve default timer style and color

Sets timer style to mini, color to "main" and full opacity.
So it looks better by default with most themes. With some themes the
previous black+0.25 was really hard to see, or just looked really bad.
---
 src/js/config.js  | 10 +++++-----
 static/index.html |  8 ++++----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/js/config.js b/src/js/config.js
index e36848af7..975edf36b 100644
--- a/src/js/config.js
+++ b/src/js/config.js
@@ -77,11 +77,11 @@ let defaultConfig = {
   savedLayout: "default",
   confidenceMode: "off",
   indicateTypos: false,
-  timerStyle: "text",
+  timerStyle: "mini",
   colorfulMode: false,
   randomTheme: "off",
-  timerColor: "black",
-  timerOpacity: "0.25",
+  timerColor: "main",
+  timerOpacity: "1",
   stopOnError: "off",
   showAllLines: false,
   keymapMode: "off",
@@ -842,7 +842,7 @@ export function toggleHideExtraLetters() {
 
 export function setTimerStyle(style, nosave) {
   if (style == null || style == undefined) {
-    style = "bar";
+    style = "mini";
   }
   config.timerStyle = style;
   if (!nosave) saveToCookie();
@@ -1375,7 +1375,7 @@ export function setCustomBackground(value, nosave) {
 }
 
 export function setCustomBackgroundSize(value, nosave) {
-  if (value != "cover" && value != "contain" && value!= "max") {
+  if (value != "cover" && value != "contain" && value != "max") {
     value = "cover";
   }
   config.customBackgroundSize = value;
diff --git a/static/index.html b/static/index.html
index 291030904..0d6e1f595 100644
--- a/static/index.html
+++ b/static/index.html
@@ -875,7 +875,7 @@
       </div>
     </div>
     <div id="timerWrapper">
-      <div id="timer"></div>
+      <div id="timer" class="timerMain"></div>
     </div>
     <div style="display: flex; justify-content: space-around">
       <div id="nitropay_ad_left" class="hidden"></div>
@@ -1067,10 +1067,10 @@
               <div id="caret" class="default size15"></div>
               <div id="paceCaret" class="default size15 hidden"></div>
               <input id="wordsInput" class="" tabindex="0" autocomplete="off" />
-              <div id="timerNumber">
+              <div id="timerNumber" class="timerMain">
                 <div>60</div>
               </div>
-              <div id="miniTimerAndLiveWpm">
+              <div id="miniTimerAndLiveWpm" class="timerMain">
                 <div class="time hidden">1:00</div>
                 <div class="wpm">60</div>
                 <div class="acc">100%</div>
@@ -1256,7 +1256,7 @@
                   </div>
                 </div>
               </div>
-              <div id="largeLiveWpmAndAcc">
+              <div id="largeLiveWpmAndAcc" class="timerMain">
                 <div id="liveWpm" class="hidden">123</div>
                 <div id="liveAcc" class="hidden">100%%</div>
               </div>

From 72316efaebefa99d5c56d4e4a07d563e691e15bb Mon Sep 17 00:00:00 2001
From: Jack <bartnikjack@gmail.com>
Date: Thu, 8 Apr 2021 16:39:20 +0100
Subject: [PATCH 2/2] fixed timer default size

---
 static/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/index.html b/static/index.html
index 0d6e1f595..fc5458ddd 100644
--- a/static/index.html
+++ b/static/index.html
@@ -1070,7 +1070,7 @@
               <div id="timerNumber" class="timerMain">
                 <div>60</div>
               </div>
-              <div id="miniTimerAndLiveWpm" class="timerMain">
+              <div id="miniTimerAndLiveWpm" class="timerMain size15">
                 <div class="time hidden">1:00</div>
                 <div class="wpm">60</div>
                 <div class="acc">100%</div>