chore: update theme

apps/web-antd/src/app.vue

@@ -2,6 +2,7 @@
 import { computed } from 'vue';
 
 import { GlobalProvider } from '@vben/common-ui';
+import { useDesignTokens } from '@vben/hooks';
 import { preferences, usePreferences } from '@vben/preferences';
 
 import { App, ConfigProvider, theme } from 'ant-design-vue';
@@ -11,6 +12,7 @@ import { antdLocale } from '#/locales';
 defineOptions({ name: 'App' });
 
 const { isDark } = usePreferences();
+const { antDesignTokens } = useDesignTokens();
 
 const tokenTheme = computed(() => {
   const algorithm = isDark.value
@@ -24,7 +26,7 @@ const tokenTheme = computed(() => {
 
   return {
     algorithm,
-    token: { colorPrimary: preferences.theme.colorPrimary },
+    token: antDesignTokens.value,
   };
 });
 </script>

apps/web-antd/src/views/demos/nested/menu-1.vue

@@ -3,8 +3,5 @@ import { Fallback } from '@vben/common-ui';
 </script>
 
 <template>
-  <div>
-    <Fallback status="coming-soon" />
-    <input />
-  </div>
+  <Fallback status="coming-soon" />
 </template>

apps/web-antd/src/views/demos/nested/menu-2-1.vue

@@ -3,8 +3,5 @@ import { Fallback } from '@vben/common-ui';
 </script>
 
 <template>
-  <div>
-    <Fallback status="coming-soon" />
-    <input />
-  </div>
+  <Fallback status="coming-soon" />
 </template>

apps/web-antd/src/views/demos/nested/menu-3-1.vue

@@ -3,8 +3,5 @@ import { Fallback } from '@vben/common-ui';
 </script>
 
 <template>
-  <div>
-    <Fallback status="coming-soon" />
-    <input />
-  </div>
+  <Fallback status="coming-soon" />
 </template>

apps/web-antd/src/views/demos/nested/menu-3-2-1.vue

@@ -3,8 +3,5 @@ import { Fallback } from '@vben/common-ui';
 </script>
 
 <template>
-  <div>
-    <Fallback status="coming-soon" />
-    <input />
-  </div>
+  <Fallback status="coming-soon" />
 </template>