From fd9dc403bd392ac1cae5bfd46bb5fdd2170d65ec Mon Sep 17 00:00:00 2001
From: Wenjie Zhang <xerrors@163.com>
Date: Thu, 18 Dec 2025 15:54:26 +0800
Subject: [PATCH] =?UTF-8?q?docs(theme):=20=E6=B7=BB=E5=8A=A0=20VitePress?=
 =?UTF-8?q?=20=E4=B8=BB=E9=A2=98=E8=87=AA=E5=AE=9A=E4=B9=89=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

添加自定义 CSS 文件和主题入口文件，覆盖 VitePress 默认主题颜色以匹配项目主色调
---
 docs/.vitepress/theme/custom.css | 44 ++++++++++++++++++++++++++++++++
 docs/.vitepress/theme/index.ts   |  4 +++
 2 files changed, 48 insertions(+)
 create mode 100644 docs/.vitepress/theme/custom.css
 create mode 100644 docs/.vitepress/theme/index.ts

diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css
new file mode 100644
index 00000000..601868e3
--- /dev/null
+++ b/docs/.vitepress/theme/custom.css
@@ -0,0 +1,44 @@
+/* 导入项目的颜色变量 */
+@import url('../../../web/src/assets/css/base.css');
+@import url('../../../web/src/assets/css/base.dark.css');
+
+/* VitePress 主题色覆盖 */
+:root {
+  /* 覆盖 VitePress 的主题色，使用项目中定义的 main-color */
+  --vp-c-brand-1: var(--main-color);
+  --vp-c-brand-2: var(--main-bright);
+  --vp-c-brand-3: var(--main-700);
+  --vp-c-brand-4: var(--main-800);
+  --vp-c-brand-5: var(--main-900);
+  --vp-c-brand-6: var(--main-1000);
+
+  /* 浅色模式下的文本颜色 */
+  --vp-c-brand-light: var(--main-color);
+  --vp-c-brand-lighter: var(--main-bright);
+  --vp-c-brand-lightest: var(--main-400);
+
+  /* 深色模式下的文本颜色 */
+  --vp-c-brand-dark: var(--main-300);
+  --vp-c-brand-darker: var(--main-200);
+  --vp-c-brand-darkest: var(--main-100);
+}
+
+/* 深色模式覆盖 */
+.dark {
+  --vp-c-brand-1: var(--main-color);
+  --vp-c-brand-2: var(--main-bright);
+  --vp-c-brand-3: var(--main-700);
+  --vp-c-brand-4: var(--main-800);
+  --vp-c-brand-5: var(--main-900);
+  --vp-c-brand-6: var(--main-1000);
+
+  /* 浅色模式下的文本颜色 */
+  --vp-c-brand-light: var(--main-color);
+  --vp-c-brand-lighter: var(--main-bright);
+  --vp-c-brand-lightest: var(--main-400);
+
+  /* 深色模式下的文本颜色 */
+  --vp-c-brand-dark: var(--main-300);
+  --vp-c-brand-darker: var(--main-200);
+  --vp-c-brand-darkest: var(--main-100);
+}
\ No newline at end of file
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
new file mode 100644
index 00000000..508d8b4a
--- /dev/null
+++ b/docs/.vitepress/theme/index.ts
@@ -0,0 +1,4 @@
+import DefaultTheme from 'vitepress/theme'
+import './custom.css'
+
+export default DefaultTheme
\ No newline at end of file