Merge branch 'master' of github.com:Miodec/monkey-type

README.md

@@ -1,6 +1,18 @@
 # about
 Monkey-type is a minimalistic typing test, featuring many test modes, an account system to save your typing speed history and user configurable features like themes, a smooth caret and more.
 
+# features
+- minimalistic design with no ads
+- look at what you are typing
+- focus mode
+- different test modes
+- punctuation mode
+- themes
+- live wpm
+- smooth caret
+- account system
+- command line
+
 # keybinds
 You can use `tab` and `enter` (or just `tab` if you have quick tab mode enabled) to restart the typing test. Open the command line by pressing `esc` - there you can access all the functionality you need without touching your mouse. 
 
@@ -17,4 +29,4 @@ montydrei for the name suggestion
 everyone who provided valuable feedback on the original reddit post for the prototype of this website
 
 # support
-If you wish to support further development and feeling extra awesome, you can do so [here](https://www.paypal.me/jackbartnik).
+If you wish to support further development and feeling extra awesome, you can do so [here](https://www.paypal.me/jackbartnik).

public/index.html

@@ -6,8 +6,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Monkey Type</title>
   <link rel="stylesheet" href="css/fa.css">
-  <link rel="stylesheet" href="themes/dark.css" id="currentTheme">
   <link rel="stylesheet" href="css/style.css">
+  <link rel="stylesheet" href="themes/dark.css" id="currentTheme">
   <link rel="shortcut icon" href="favicon.png">
   
 </head>

public/themes/list.json

@@ -12,5 +12,6 @@
     "rgb",
     "oblivion",
     "laser",
-    "retro"
-]
+    "retro",
+    "nord"
+]

public/themes/nord.css

@@ -0,0 +1,19 @@
+:root {
+	--bg-color: #242933;
+	--caret-color: #d8dee9;
+	--main-color: #d8dee9;
+	--sub-color: #4c566a;
+	--active-word-color: #81a1c1;
+}
+
+.word letter.incorrect {
+  color: #bf616a;
+}
+
+.word letter.incorrect.extra {
+  color: #793e44;
+}
+
+.word.error {
+  border-bottom: 2px solid #bf616a;
+}