diff --git a/src/app.html b/src/app.html
index 29292ee..dd447f8 100644
--- a/src/app.html
+++ b/src/app.html
@@ -7,7 +7,7 @@
 		<meta name="apple-mobile-web-app-status-bar-style" content="default" />
 		<meta name="apple-mobile-web-app-title" content="Notebook" />
 		<meta name="format-detection" content="telephone=no" />
-		<meta name="theme-color" content="#ffffff" />
+		<meta name="theme-color" content="#ea4c65" />
 		<script>
 			(function () {
 				var stored = localStorage.getItem("dsec_theme");
@@ -17,8 +17,6 @@
 				var root = document.documentElement;
 				root.classList.toggle("dark", dark);
 				root.style.colorScheme = dark ? "dark" : "light";
-				var meta = document.querySelector('meta[name="theme-color"]');
-				if (meta) meta.setAttribute("content", dark ? "#131014" : "#ffffff");
 			})();
 		</script>
 		<link rel="manifest" href="/manifest.webmanifest" />
diff --git a/src/lib/stores/theme.ts b/src/lib/stores/theme.ts
index 803abf0..2130c4c 100644
--- a/src/lib/stores/theme.ts
+++ b/src/lib/stores/theme.ts
@@ -17,8 +17,6 @@ function applyTheme(value: Theme) {
 	const root = document.documentElement;
 	root.classList.toggle("dark", value === "dark");
 	root.style.colorScheme = value;
-	const meta = document.querySelector('meta[name="theme-color"]');
-	if (meta) meta.setAttribute("content", value === "dark" ? "#131014" : "#ffffff");
 }
 
 export function toggleTheme() {
diff --git a/vite.config.ts b/vite.config.ts
index 5cd0a2f..46410a7 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -33,7 +33,7 @@ export default defineConfig({
 				scope: "/",
 				display: "standalone",
 				background_color: "#ffffff",
-				theme_color: "#ffffff",
+				theme_color: "#ea4c65",
 				lang: "en",
 			},
 			pwaAssets: {