From 4c89134bc0d9d2a39c4cd5748d0db6205e80baf8 Mon Sep 17 00:00:00 2001
From: meowster <113993801+meowster404@users.noreply.github.com>
Date: Fri, 10 Jul 2026 20:06:22 +0530
Subject: [PATCH 1/3] Sakura theme added

New sakura theme added to the theme's section
---
 frontend/src/ts/constants/themes.ts | 13 +++++++++++++
 frontend/static/themes/sakura.css   | 19 +++++++++++++++++++
 packages/schemas/src/themes.ts      |  1 +
 3 files changed, 33 insertions(+)
 create mode 100644 frontend/static/themes/sakura.css

diff --git a/frontend/src/ts/constants/themes.ts b/frontend/src/ts/constants/themes.ts
index dc0fcaa3d20a..fa23117323c8 100644
--- a/frontend/src/ts/constants/themes.ts
+++ b/frontend/src/ts/constants/themes.ts
@@ -2322,6 +2322,19 @@ export const themes: Record<ThemeName, Theme> = {
     colorfulError: "#b29a91",
     colorfulErrorExtra: "#b29a91",
   },
+  sakura: {
+    bg: "#FDE8E9",
+    caret: "#D8A15D",
+    main: "#6D2136",
+    sub: "#9D7E88",
+    subAlt: "#F8C9D3",
+    text: "#40232C",
+    error: "#C85A72",
+    errorExtra: "#8A3448",
+    colorfulError: "#C85A72",
+    colorfulErrorExtra: "#8A3448",
+    hasCss: true,
+  },
 };
 
 export type ThemeWithName = Theme & { name: ThemeName };
diff --git a/frontend/static/themes/sakura.css b/frontend/static/themes/sakura.css
new file mode 100644
index 000000000000..570485f61f4a
--- /dev/null
+++ b/frontend/static/themes/sakura.css
@@ -0,0 +1,19 @@
+/* frontend/static/themes/sakura.css */
+[data-nav-item] {
+  border-radius: 10rem !important;
+  --themable-button-bg: var(--text-color);
+  --themable-button-text: var(--main-color);
+  --themable-button-hover-bg: var(--text-color);
+  --themable-button-hover-text: var(--bg-color);
+}
+
+[data-nav-item="alerts"],
+[data-ui-element="navAvatar"] {
+  --notification-bg: var(--bg-color);
+}
+
+header[data-focused] [data-nav-item],
+[data-ui-element="settingspage"] {
+  --nav-focus-opacity: 0.5;
+  --settings-accent: var(--main-color);
+}
\ No newline at end of file
diff --git a/packages/schemas/src/themes.ts b/packages/schemas/src/themes.ts
index ace96ba0a33c..57ded9d40c3e 100644
--- a/packages/schemas/src/themes.ts
+++ b/packages/schemas/src/themes.ts
@@ -156,6 +156,7 @@ export const ThemeNameSchema = z.enum(
     "shadow",
     "shoko",
     "slambook",
+    "sakura",
     "snes",
     "soaring_skies",
     "solarized_dark",

From 62c52bdd036401f86af180f9cac504d49d686a82 Mon Sep 17 00:00:00 2001
From: meowster <113993801+meowster404@users.noreply.github.com>
Date: Fri, 10 Jul 2026 21:03:32 +0530
Subject: [PATCH 2/3] fixed visual bug for sakura theme

---
 frontend/static/themes/sakura.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/frontend/static/themes/sakura.css b/frontend/static/themes/sakura.css
index 570485f61f4a..01875a56f5dd 100644
--- a/frontend/static/themes/sakura.css
+++ b/frontend/static/themes/sakura.css
@@ -1,7 +1,6 @@
 /* frontend/static/themes/sakura.css */
 [data-nav-item] {
   border-radius: 10rem !important;
-  --themable-button-bg: var(--text-color);
   --themable-button-text: var(--main-color);
   --themable-button-hover-bg: var(--text-color);
   --themable-button-hover-text: var(--bg-color);

From 0cc3ff4bf38bc77863c468bf01cd7532a40c6b2b Mon Sep 17 00:00:00 2001
From: meowster <113993801+meowster404@users.noreply.github.com>
Date: Fri, 10 Jul 2026 21:38:32 +0530
Subject: [PATCH 3/3] format sakura theme CSS

---
 frontend/static/themes/sakura.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/static/themes/sakura.css b/frontend/static/themes/sakura.css
index 01875a56f5dd..076b8202a7aa 100644
--- a/frontend/static/themes/sakura.css
+++ b/frontend/static/themes/sakura.css
@@ -15,4 +15,4 @@ header[data-focused] [data-nav-item],
 [data-ui-element="settingspage"] {
   --nav-focus-opacity: 0.5;
   --settings-accent: var(--main-color);
-}
\ No newline at end of file
+}