fix: 尝试修复delta版本样式问题

.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>

.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);