feat: add incognito theme (fehmer) (#5272)

* feat: add incognito theme * fix p and t being cut at the bottom
monkeytypegame · Apr 5, 2024 · 3cbf0bd · 3cbf0bd
1 parent e37bf19
commit 3cbf0bd
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 0 deletions.
diff --git a/frontend/static/themes/_list.json b/frontend/static/themes/_list.json
@@ -1202,5 +1202,12 @@
     "mainColor": "#ffadad",
     "subColor": "#ff3d8b",
     "textColor": "#f1deef"
+  },
+  {
+    "name": "incognito",
+    "bgColor": "#0e0e0e",
+    "mainColor": "#ff9900",
+    "subColor": "#2f2f2f",
+    "textColor": "#c6c6c6"
   }
 ]
diff --git a/frontend/static/themes/incognito.css b/frontend/static/themes/incognito.css
@@ -0,0 +1,31 @@
+:root {
+  --bg-color: #0e0e0e;
+  --main-color: #ff9900;
+  --caret-color: #ff9900;
+  --sub-color: #555555;
+  --sub-alt-color: #151515;
+  --text-color: #c6c6c6;
+  --error-color: #e44545;
+  --error-extra-color: #e44545;
+  --colorful-error-color: #b13535;
+  --colorful-error-extra-color: #b13535;
+}
+
+header #logo .text {
+  background: linear-gradient(
+    90deg,
+    var(--text-color) 64%,
+    var(--main-color) 36%
+  );
+  -webkit-background-clip: text;
+  color: transparent;
+  padding-bottom: 0.1em;
+}
+
+header #logo .icon svg path {
+  fill: var(--text-color);
+}
+
+header #logo .icon {
+  padding-bottom: 0.1em;
+}