impr(theme): update catppuccin (refact0r) (#5247)

monkeytypegame · Mar 25, 2024 · 7c4435e · 7c4435e
1 parent a0403f7
commit 7c4435e
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 12 deletions.
diff --git a/frontend/static/themes/_list.json b/frontend/static/themes/_list.json
@@ -1024,9 +1024,9 @@
   {
     "name": "catppuccin",
     "bgColor": "#1e1e2e",
-    "mainColor": "#abe9b3",
-    "subColor": "#575268",
-    "textColor": "#d9e0ee"
+    "mainColor": "#cba6f7",
+    "subColor": "#7f849c",
+    "textColor": "#cdd6f4"
   },
   {
     "name": "snes",

diff --git a/frontend/static/themes/catppuccin.css b/frontend/static/themes/catppuccin.css
@@ -1,12 +1,40 @@
 :root {
   --bg-color: #1e1e2e;
-  --caret-color: #fae3b0;
-  --main-color: #abe9b3;
-  --sub-color: #575268;
-  --sub-alt-color: #292739;
-  --text-color: #d9e0ee;
-  --error-color: #f28fad;
-  --error-extra-color: #e8a2af;
-  --colorful-error-color: #f28fad;
-  --colorful-error-extra-color: #e8a2af;
+  --caret-color: #f2cdcd;
+  --main-color: #cba6f7;
+  --sub-color: #7f849c;
+  --sub-alt-color: #181825;
+  --text-color: #cdd6f4;
+  --error-color: #f38ba8;
+  --error-extra-color: #eba0ac;
+  --colorful-error-color: #f38ba8;
+  --colorful-error-extra-color: #eba0ac;
+}
+
+nav .view-start {
+  color: #f38ba8;
+}
+
+nav .view-leaderboards {
+  color: #fab387;
+}
+
+nav .view-about {
+  color: #f9e2af;
+}
+
+nav .view-settings {
+  color: #a6e3a1;
+}
+
+nav .view-account {
+  color: #89dceb;
+}
+
+nav .showAlerts {
+  color: #89b4fa;
+}
+
+nav .signInOut {
+  color: #b4befe;
 }