docs(theme): 添加 VitePress 主题自定义样式

添加自定义 CSS 文件和主题入口文件，覆盖 VitePress 默认主题颜色以匹配项目主色调

Author: xerrors

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);
+}

docs/.vitepress/theme/index.ts

@@ -0,0 +1,4 @@
+import DefaultTheme from 'vitepress/theme'
+import './custom.css'
+
+export default DefaultTheme