diff --git a/.env b/.env
index 93cd32f..43a55bd 100644
--- a/.env
+++ b/.env
@@ -3,3 +3,4 @@ VITE_APP_BASE=/
 VITE_APP_BUILD_SOURCE_MAP=true
 VITE_APP_BUILD_COMMIT=
 VITE_APP_BUILD_TIME=
+VITE_ENABLE_VUE_DEVTOOLS=true
diff --git a/packages/materials/src/libs/admin-layout/index.vue b/packages/materials/src/libs/admin-layout/index.vue
index b82f746..cc9aca0 100644
--- a/packages/materials/src/libs/admin-layout/index.vue
+++ b/packages/materials/src/libs/admin-layout/index.vue
@@ -185,7 +185,7 @@ function handleClickMask() {
       <!-- Mobile Sider -->
       <template v-if="showMobileSider">
         <aside
-          class="absolute left-0 top-0 h-full w-0 bg-white"
+          class="absolute left-0 top-0 h-full w-0 bg-white dark:bg-gray-800"
           :class="[
             commonClass,
             mobileSiderClass,
diff --git a/vite.config.plugins.ts b/vite.config.plugins.ts
index dd2f567..9c1d20a 100644
--- a/vite.config.plugins.ts
+++ b/vite.config.plugins.ts
@@ -30,7 +30,13 @@ import { ViteWebfontDownload } from 'vite-plugin-webfont-dl';
 import VueMacros from 'vue-macros/vite';
 import { IndexHtmlPlugin } from './vite.config.plugin.index-html-plugin';
 
-export function Plugins({ mode }: { mode: string }): PluginOption[] {
+export function Plugins({
+  mode,
+  env,
+}: {
+  mode: string;
+  env: Record<string, string>;
+}): PluginOption[] {
   const plugins: PluginOption[] = [
     VueMacros({
       plugins: {
@@ -165,8 +171,11 @@ export function Plugins({ mode }: { mode: string }): PluginOption[] {
     );
   }
 
+  if (env.VITE_ENABLE_VUE_DEVTOOLS === 'true') {
+    plugins.push(vueDevTools());
+  }
+
   plugins.push(
-    vueDevTools(),
     // https://vite-plugin-checker.netlify.app/introduction/introduction.html
     checker({
       eslint: {
diff --git a/vite.config.ts b/vite.config.ts
index 00a2610..573be90 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -82,7 +82,7 @@ export default defineConfig(({ command, mode }) => {
         },
       },
     },
-    plugins: Plugins({ mode }),
+    plugins: Plugins({ mode, env }),
     resolve: {
       alias: {
         '@': fileURLToPath(new URL('./src', import.meta.url)),