From 22ed39665a1e16e9b4b466027b0a52aca85f32c1 Mon Sep 17 00:00:00 2001
From: Jesse205 <2055675594@qq.com>
Date: Sun, 21 Apr 2024 16:54:48 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=B0=9D=E8=AF=95=E4=BF=AE=E5=A4=8Ddelt?=
 =?UTF-8?q?a=E7=89=88=E6=9C=AC=E6=A0=B7=E5=BC=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .vitepress/theme/Layout.vue  | 16 ++++++++--------
 .vitepress/theme/custom.scss |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/.vitepress/theme/Layout.vue b/.vitepress/theme/Layout.vue
index e864d7c3..eeb93734 100644
--- a/.vitepress/theme/Layout.vue
+++ b/.vitepress/theme/Layout.vue
@@ -1,26 +1,26 @@
 <script setup>
-import DefaultTheme from "vitepress/theme"
-import { useRouter } from "vitepress"
-import { ref, watchEffect } from "vue"
+import DefaultTheme from 'vitepress/theme'
+import { useRouter } from 'vitepress'
+import { ref, watchEffect } from 'vue'
 const { Layout } = DefaultTheme
 
 const router = useRouter()
 const isDeltaUrl = ref(false)
 
 watchEffect(() => {
-  isDeltaUrl.value = router.route.path.includes("/delta/")
+  isDeltaUrl.value = router.route.path.includes('/delta/')
 })
 // Delta 主题
 if (!import.meta.env.SSR) {
   watchEffect(() => {
     const classList = document.documentElement.classList
-    const contains = classList.contains("delta")
-    if (isDeltaUrl.value && !contains) classList.add("delta")
-    else if (contains) classList.remove("delta")
+    const contains = classList.contains('delta')
+    if (isDeltaUrl.value && !contains) classList.add('delta')
+    else if (contains) classList.remove('delta')
   })
 }
 </script>
 
 <template>
-  <Layout> </Layout>
+  <Layout :class="{ delta: isDeltaUrl }"> </Layout>
 </template>
diff --git a/.vitepress/theme/custom.scss b/.vitepress/theme/custom.scss
index d3655847..4b95d2c2 100644
--- a/.vitepress/theme/custom.scss
+++ b/.vitepress/theme/custom.scss
@@ -45,7 +45,7 @@
   --vp-c-text-3: rgba(255, 255, 245, 0.38);
 }
 
-:root.delta {
+.delta {
   /* Theme Colors */
   --vp-c-brand-1: var(--c-md-pink-500);
   --vp-c-brand-2: var(--c-md-pink-300);