feat(theme): add solarized osaka (@H4-MM-3R) (monkeytypegame#6287)

Author: H4-MM-3R

frontend/static/themes/_list.json

@@ -398,6 +398,13 @@
     "subColor": "#2aa198",
     "textColor": "#181819"
   },
+  {
+    "name": "solarized_osaka",
+    "bgColor": "#00141a",
+    "mainColor": "#859900",
+    "subColor": "#2aa198",
+    "textColor": "#b58900"
+  },
   {
     "name": "terra",
     "bgColor": "#0c100e",

frontend/static/themes/solarized_osaka.css

@@ -0,0 +1,56 @@
+:root {
+  --bg-color: #00141a;
+  --main-color: #859900;
+  --caret-color: #b58900;
+  --sub-color: #2aa198;
+  --sub-alt-color: #00222b;
+  --text-color: #eee8d5;
+  --error-color: #dc322f;
+  --error-extra-color: #9b225c;
+  --colorful-error-color: #d33682;
+  --colorful-error-extra-color: #9b225c;
+}
+
+#words {
+  --correct-letter-color: var(--text-color);
+  --untyped-letter-color: #586e75;
+}
+
+header #logo {
+  color: var(--text-color);
+}
+
+header #logo .icon {
+  color: var(--text-color) !important;
+}
+
+key {
+  color: var(--text-color);
+  background-color: var(--sub-alt-color);
+}
+
+button.text:hover,
+.button.text:hover,
+.textButton:hover {
+  color: var(--caret-color);
+}
+
+button.text.active,
+.button.text.active,
+.textButton.active {
+  color: var(--main-color);
+}
+
+button:hover,
+.button:hover,
+input[type="button"]:hover,
+input[type="reset"]:hover,
+input[type="submit"]:hover {
+  color: var(--bg-color);
+  background: var(--caret-color);
+}
+
+.scrollToTopButton:hover {
+  background: var(--caret-color);
+  color: var(--bg-color);
+}