From 9ccbeaef5008d311a656a61c1a868e48d7ee70cc Mon Sep 17 00:00:00 2001
From: MisakaAkio <niuboss123@foxmail.com>
Date: Thu, 17 Sep 2026 04:52:14 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=9A=97=E8=89=B2=E6=A8=A1?=
 =?UTF-8?q?=E5=BC=8F=E4=BB=A3=E7=A0=81=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/globals.css                     | 7 +++++--
 src/components/layout/site-document.tsx | 5 +++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 9149f09..6114805 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,11 +1,14 @@
 @import "@fontsource-variable/noto-sans/wght.css";
 @import "@fontsource-variable/noto-sans-sc/wght.css";
 
-:root { --ink: #0b1622; --blue: #1267d8; --paper: #ffffff; --soft: #f5f7f9; --muted: #75828d; --panel: #f6f7f8; }
+:root { --ink: #0b1622; --blue: #1267d8; --paper: #ffffff; --soft: #f5f7f9; --muted: #75828d; --panel: #f6f7f8; color-scheme: light dark; }
 * { box-sizing: border-box; }
 html, body { min-height: 100%; margin: 0; }
-html { overflow-x: hidden; }
+html { overflow-x: hidden; background: #fff; }
 body { color: var(--ink); background: var(--paper); font-family: "Noto Sans SC", "Noto Sans", Arial, "Microsoft YaHei", sans-serif; }
+@media (prefers-color-scheme: dark) {
+  html:not([data-theme]), html:not([data-theme]) body { background: #10151d; color-scheme: dark; }
+}
 a { color: inherit; text-decoration: none; }
 .site-header { display: flex; align-items: center; height: 128px; gap: 32px; padding-inline: max(24px, calc((100% - 1200px) / 2)); background: #fff; }
 .site-logo { display: inline-flex; align-items: center; min-width: 248px; }
diff --git a/src/components/layout/site-document.tsx b/src/components/layout/site-document.tsx
index d8a90f5..9ffdc28 100644
--- a/src/components/layout/site-document.tsx
+++ b/src/components/layout/site-document.tsx
@@ -12,4 +12,9 @@ export const metadata: Metadata = {
 export const viewport: Viewport = {
   width: "device-width",
   initialScale: 1,
+  colorScheme: "light dark",
+  themeColor: [
+    { media: "(prefers-color-scheme: light)", color: "#ffffff" },
+    { media: "(prefers-color-scheme: dark)", color: "#10151d" },
+  ],
 };