From 2db46e8f49165dff345cc14bd69d0d4818af69ef Mon Sep 17 00:00:00 2001
From: Peter <peterpanlee2015@gmail.com>
Date: Fri, 9 Oct 2026 17:45:07 +0900
Subject: [PATCH 1/3] Adding the theme to the theme.ts config

---
 packages/schemas/src/themes.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/schemas/src/themes.ts b/packages/schemas/src/themes.ts
index ace96ba0a33c..f452f23a8691 100644
--- a/packages/schemas/src/themes.ts
+++ b/packages/schemas/src/themes.ts
@@ -18,6 +18,7 @@ export const ThemeNameSchema = z.enum(
     "bliss",
     "blue_dolphin",
     "blueberry_dark",
+    "neon_arcade",
     "blueberry_light",
     "botanical",
     "bouquet",

From 9bd633dac39cf9271225f1e30b5ff0f705b52d13 Mon Sep 17 00:00:00 2001
From: Peter <peterpanlee2015@gmail.com>
Date: Fri, 9 Oct 2026 17:46:06 +0900
Subject: [PATCH 2/3] Add the actual theme colors

Added a new theme 'neon_arcade' with specific color properties.
---
 frontend/src/ts/constants/themes.ts | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/frontend/src/ts/constants/themes.ts b/frontend/src/ts/constants/themes.ts
index 46c20430052b..57f45465fbb3 100644
--- a/frontend/src/ts/constants/themes.ts
+++ b/frontend/src/ts/constants/themes.ts
@@ -61,6 +61,19 @@ export const themes: Record<ThemeName, Theme> = {
     colorfulError: "#fffb85",
     colorfulErrorExtra: "#fffb85",
   },
+  neon_arcade: {
+    bg: "#0e0b1f",
+    caret: "#3df5ff",
+    main: "#ff4fd8",
+    sub: "#7d75b8",
+    subAlt: "#181331",
+    text: "#f5f1ff",
+    error: "#ffd93d",
+    errorExtra: "#c79a0f",
+    colorfulError: "#ffd93d",
+    colorfulErrorExtra: "#c79a0f",
+    hasCss: true,
+  },
   aether: {
     bg: "#101820",
     caret: "#eedaea",

From fa6e5dea6e100bd1fa6cc82b42c5c71ffa050489 Mon Sep 17 00:00:00 2001
From: Peter <peterpanlee2015@gmail.com>
Date: Fri, 9 Oct 2026 17:47:42 +0900
Subject: [PATCH 3/3] Add the css file YIPPIEEEEEE

---
 frontend/static/themes/neon_arcade.css | 36 ++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 frontend/static/themes/neon_arcade.css

diff --git a/frontend/static/themes/neon_arcade.css b/frontend/static/themes/neon_arcade.css
new file mode 100644
index 000000000000..6fbc41353afc
--- /dev/null
+++ b/frontend/static/themes/neon_arcade.css
@@ -0,0 +1,36 @@
+/* Neon Arcade - nav item accent colors */
+
+[data-nav-item="test"] {
+  color: #ff4fd8;
+  &:hover {
+    color: color-mix(in srgb, #ff4fd8 75%, black 25%);
+  }
+}
+
+[data-nav-item="leaderboards"] {
+  color: #3df5ff;
+  &:hover {
+    color: color-mix(in srgb, #3df5ff 75%, black 25%);
+  }
+}
+
+[data-nav-item="about"] {
+  color: #7dffb2;
+  &:hover {
+    color: color-mix(in srgb, #7dffb2 75%, black 25%);
+  }
+}
+
+[data-nav-item="settings"] {
+  color: #ffd93d;
+  &:hover {
+    color: color-mix(in srgb, #ffd93d 75%, black 25%);
+  }
+}
+
+[data-nav-item="alerts"] {
+  --themable-button-text: #ff9f5a;
+  &:hover {
+    --themable-button-text: color-mix(in srgb, #ff9f5a 75%, black 25%);
+  }
+}