themes + begin user pages

css/themes.css

@@ -6,4 +6,40 @@ body {
     --color-2: #7B2CBF;
     --color-3: #3C096C;
     --color-4: #240046;
+}
+body[theme=blackandwhite] {
+    --text-color: #fff;
+    --bg-1: #504d53;
+    --bg-2: #090909;
+    --color-1: #bfbfbf;
+    --color-2: #8e8e8e;
+    --color-3: #5c5c5c;
+    --color-4: #000000;
+}
+body[theme=grass] {
+    --text-color: #ffffff;
+    --bg-1: #1d3024;
+    --bg-2: #385041;
+    --color-1: #a8e5a7;
+    --color-2: #559b7a;
+    --color-3: #3a5c3f;
+    --color-4: #242e22;
+}
+body[theme=evil] {
+    --text-color: #ffffff;
+    --bg-1: #591414;
+    --bg-2: #ba2a2a;
+    --color-1: #eb8181;
+    --color-2: #ae4141;
+    --color-3: #7b3838;
+    --color-4: #4f2626;
+}
+body[theme=sky] {
+    --text-color: #ffffff;
+    --bg-1: #6aacbe;
+    --bg-2: #3e87bb;
+    --color-1: #46ccd6;
+    --color-2: #337792;
+    --color-3: #38617b;
+    --color-4: #263b4f;
 }