diff --git a/src/components/layout/app-theme-color.tsx b/src/components/layout/app-theme-color.tsx
new file mode 100644
index 0000000..212b2a1
--- /dev/null
+++ b/src/components/layout/app-theme-color.tsx
@@ -0,0 +1,24 @@
+'use client'
+
+import { useTheme } from "next-themes"
+import { useEffect } from "react"
+
+export function AppThemeColor() {
+ const { resolvedTheme } = useTheme()
+
+ useEffect(() => {
+ let themeColorMeta = document.querySelector(
+ 'meta[name="theme-color"]',
+ ) as HTMLMetaElement
+
+ if (!themeColorMeta) {
+ themeColorMeta = document.createElement('meta')
+ themeColorMeta.name = 'theme-color'
+ document.head.appendChild(themeColorMeta)
+ }
+
+ themeColorMeta.content = resolvedTheme === 'dark' ? '#171717' : '#EEF2F8'
+ }, [resolvedTheme])
+
+ return null
+}