From cbbdad909a56807dbb1ce2e51cf1a1c260d71450 Mon Sep 17 00:00:00 2001
From: neverland <jait.chen@foxmail.com>
Date: Mon, 12 Sep 2022 11:05:44 +0800
Subject: [PATCH] fix(cli): should remove light theme class in dark mode
 (#11039)

---
 packages/vant-cli/site/mobile/App.vue | 8 +++++++-
 packages/vant/vant.config.mjs         | 1 +
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/vant-cli/site/mobile/App.vue b/packages/vant-cli/site/mobile/App.vue
index 9fc6a51b0..6327c4662 100644
--- a/packages/vant-cli/site/mobile/App.vue
+++ b/packages/vant-cli/site/mobile/App.vue
@@ -27,13 +27,19 @@ export default {
         document.documentElement.classList.remove(`van-doc-theme-${oldVal}`);
         document.documentElement.classList.add(`van-doc-theme-${newVal}`);
 
-        const { darkModeClass } = config.site;
+        const { darkModeClass, lightModeClass } = config.site;
         if (darkModeClass) {
           document.documentElement.classList.toggle(
             darkModeClass,
             newVal === 'dark'
           );
         }
+        if (lightModeClass) {
+          document.documentElement.classList.toggle(
+            lightModeClass,
+            newVal === 'light'
+          );
+        }
       },
       { immediate: true }
     );
diff --git a/packages/vant/vant.config.mjs b/packages/vant/vant.config.mjs
index 98088a4c5..bc7d0de3e 100644
--- a/packages/vant/vant.config.mjs
+++ b/packages/vant/vant.config.mjs
@@ -24,6 +24,7 @@ export default {
   site: {
     defaultLang: 'en-US',
     darkModeClass: 'van-theme-dark',
+    lightModeClass: 'van-theme-light',
     versions: [
       { label: 'v1', link: '/vant/v1/' },
       { label: 'v2', link: '/vant/v2/' },