fix: 修复 themeColor 被放置错误配置中的问题

Author: RavelloH

apps/web/src/app/layout.tsx

@@ -2,6 +2,7 @@
 import "server-only";
 
 import { Suspense } from "react";
+import type { Viewport } from "next";
 import { cacheLife, cacheTag } from "next/cache";
 // Fonts
 import { Inter } from "next/font/google";
@@ -22,9 +23,10 @@ import Footer from "@/components/server/layout/Footer";
 // Server Componments
 import Header from "@/components/server/layout/Header";
 import { ConfigProvider } from "@/context/ConfigContext";
-import { getConfigs } from "@/lib/server/config-cache";
+import { getConfig, getConfigs } from "@/lib/server/config-cache";
 // lib
 import { getActiveMenusForClient } from "@/lib/server/menu-cache";
+import { normalizeSiteColorConfig } from "@/lib/shared/site-color";
 // Types
 import { ToastProvider } from "@/ui/Toast";
 
@@ -39,6 +41,25 @@ const ibmPlexMono = IBM_Plex_Mono({
   variable: "--font-mono",
 });
 
+export async function generateViewport(): Promise<Viewport> {
+  const siteColor = await getConfig("site.color");
+  const normalizedColor = normalizeSiteColorConfig(siteColor);
+
+  return {
+    colorScheme: "light dark",
+    themeColor: [
+      {
+        media: "(prefers-color-scheme: light)",
+        color: normalizedColor.light.primary,
+      },
+      {
+        media: "(prefers-color-scheme: dark)",
+        color: normalizedColor.dark.primary,
+      },
+    ],
+  };
+}
+
 export default async function RootLayout({
   children,
   modal,

apps/web/src/lib/server/seo.ts

@@ -5,7 +5,6 @@ import { unstable_cache } from "next/cache";
 import { findCategoryByPath } from "@/lib/server/category-utils";
 import { getRawConfig } from "@/lib/server/config-cache";
 import prisma from "@/lib/server/prisma";
-import { normalizeSiteColorConfig } from "@/lib/shared/site-color";
 
 // 基础静态配置（不依赖数据库的固定值）
 const STATIC_METADATA = {
@@ -79,7 +78,6 @@ const seoConfigMap = {
   applicationName: "site.title",
   keywords: "seo.keywords",
   author: "author.name",
-  themeColor: "site.color",
   twitterSite: "seo.twitter_site",
   twitterCreator: "seo.twitter_creator",
   googleVerification: "seo.google_verification",
@@ -434,9 +432,6 @@ export async function generateMetadata(
     true,
   );
 
-  const siteColor = normalizeSiteColorConfig(
-    configValues[seoConfigMap.themeColor]?.default,
-  );
   const metadataBase = parseMetadataBase(url);
   const normalizedPathname = normalizePathname(options?.pathname);
   const openGraphUrl = buildOpenGraphUrl(metadataBase, normalizedPathname);
@@ -517,16 +512,6 @@ export async function generateMetadata(
     description: description || undefined,
     applicationName: appName || title || undefined,
     ...STATIC_METADATA,
-    themeColor: [
-      {
-        media: "(prefers-color-scheme: light)",
-        color: siteColor.light.primary,
-      },
-      {
-        media: "(prefers-color-scheme: dark)",
-        color: siteColor.dark.primary,
-      },
-    ],
     authors: author ? [{ name: author }] : undefined,
     creator: author || undefined,
     publisher: author || undefined,