added red samurai

updated themes color order
fixed bug with chart ticks

public/js/script.js

@@ -425,8 +425,8 @@ function showResult() {
   let subColor = getComputedStyle(document.body).getPropertyValue('--sub-color').replace(' ','');
   
 
-  wpmOverTimeChart.options.scales.xAxes[0].ticks.fontColor = subColor;
-  wpmOverTimeChart.options.scales.yAxes[0].ticks.fontColor = subColor;
+  wpmOverTimeChart.options.scales.xAxes[0].ticks.minor.fontColor = subColor;
+  wpmOverTimeChart.options.scales.yAxes[0].ticks.minor.fontColor = subColor;
   wpmOverTimeChart.data.datasets[0].borderColor = mainColor;
   wpmOverTimeChart.data.labels = labels;
   wpmOverTimeChart.data.datasets[0].data = wpmHistory;

public/themes/8008.css

@@ -3,9 +3,9 @@ Light Blue:  #a2aebd
 Pink:        #f44c7f */
 
 :root {
-    --main-color: #f44c7f;
-    --sub-color: #a2aebd;
     --bg-color: #3c4756;
-    --caret-color: #fff;
+    --main-color: #f44c7f;
+    --caret-color: #f44c7f;
+    --sub-color: #a2aebd;
     --active-word-color: #a2aebd;
 }

public/themes/carbon.css

@@ -1,7 +1,7 @@
 :root {
-    --main-color: #ed6b21;
-    --sub-color: #e3d9c6;
     --bg-color: #575d5e;
-    --caret-color: #e3d9c6;
+    --main-color: #ed6b21;
+    --caret-color: #ed6b21;
+    --sub-color: #e3d9c6;
     --active-word-color: #e3d9c6;
 }

public/themes/dark.css

@@ -1,7 +1,7 @@
 :root {
-    --main-color: #eee;
-    --sub-color: #444;
     --bg-color: #111;
-    --caret-color: #fff;
+    --main-color: #eee;
+    --caret-color: #eee;
+    --sub-color: #444;
     --active-word-color: #444;
 }

public/themes/dots.css

@@ -1,7 +1,7 @@
 :root {
-    --main-color: #fff;
-    --sub-color: #7f88ab;
     --bg-color: #121520;
     --caret-color: #fff;
+    --main-color: #fff;
+    --sub-color: #7f88ab;
     --active-word-color: #7f88ab;
 }

public/themes/light.css

@@ -1,7 +1,7 @@
 :root {
-    --main-color: #111;
-    --sub-color: #ccc;
     --bg-color: #fff;
+    --main-color: #111;
     --caret-color: #111;
+    --sub-color: #ccc;
     --active-word-color: #ccc;
 }

public/themes/list.json

@@ -7,5 +7,6 @@
     "nautilus",
     "serika",
     "serika_dark",
-    "bushido"
+    "bushido",
+    "red_samurai"
 ]

public/themes/nautilus.css

@@ -1,7 +1,7 @@
 :root {
-    --main-color: #eab622;
-    --sub-color: #1db8a8;
     --bg-color: #20304a;
+    --main-color: #eab622;
     --caret-color: #eab622;
+    --sub-color: #1db8a8;
     --active-word-color: #1db8a8;
 }

public/themes/red_samurai.css

@@ -0,0 +1,15 @@
+/* :root{
+    --bg-color: #17171b;
+    --main-color: #c79e6e;
+    --caret-color: #c79e6e;
+    --sub-color: #b43a49;
+    --active-word-color: #b43a49;
+} */
+
+:root{
+    --bg-color: #84202c;
+    --main-color: #17171b;
+    --caret-color: #17171b;
+    --sub-color: #c79e6e;
+    --active-word-color: #c79e6e;
+}