From 293e65df19357742d7a963289a881b4cb47e7f99 Mon Sep 17 00:00:00 2001
From: lzxiaoqi <89337957+lzxiaoqi@users.noreply.github.com>
Date: Sun, 10 Nov 2024 15:35:43 +0800
Subject: [PATCH] docs(ConfigProvider): fix incorrect theme classnames (#13187)

---
 packages/vant/src/config-provider/demo/index.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/vant/src/config-provider/demo/index.vue b/packages/vant/src/config-provider/demo/index.vue
index 6e5c21eda..cac2fa087 100644
--- a/packages/vant/src/config-provider/demo/index.vue
+++ b/packages/vant/src/config-provider/demo/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from 'vue';
+import { ref, onActivated } from 'vue';
 import VanCell from '../../cell';
 import VanForm from '../../form';
 import VanField from '../../field';
@@ -44,6 +44,17 @@ const themeVars = {
   buttonPrimaryBackground: '#07c160',
   buttonPrimaryBorderColor: '#07c160',
 };
+// fix https://github.com/youzan/vant/issues/13179
+const removeUselessStyle = () => {
+  const element = document.documentElement;
+  if (
+    element.classList.contains('van-theme-dark') &&
+    element.classList.contains('van-theme-light')
+  ) {
+    element.classList.remove('van-theme-light');
+  }
+};
+onActivated(removeUselessStyle);
 </script>
 
 <template>