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/' },