diff --git a/client/vite.config.js b/client/vite.config.js
index 2799648b8..8f80ac78a 100644
--- a/client/vite.config.js
+++ b/client/vite.config.js
@@ -1,5 +1,4 @@
 import legacy from '@vitejs/plugin-legacy'
-// import {createStyleImportPlugin} from 'vite-plugin-style-import'
 import react from '@vitejs/plugin-react'
 import {createRequire} from 'module';
 import {defineConfig, transformWithEsbuild} from 'vite'
@@ -15,27 +14,35 @@ import {
     NutuiResolve,
     VantResolve
 } from "vite-plugin-style-import";
+import {convertLegacyToken} from "@ant-design/compatible";
+const {theme} = require('antd/lib');
+
+const {defaultAlgorithm, defaultSeed} = theme;
+
+const mapToken = defaultAlgorithm(defaultSeed);
+const v4Token = convertLegacyToken(mapToken);
+
 process.env.VITE_APP_GIT_SHA_DATE = new Date().toLocaleString("en-US", {timeZone: "America/Los_Angeles"});
 
-// const WRONG_CODE = `import { bpfrpt_proptype_WindowScroller } from "../WindowScroller.js";`
-// function reactVirtualized() {
-//     return {
-//         name: 'flat:react-virtualized',
-//         configResolved: async () => {
-//             const require = createRequire(import.meta.url)
-//             const reactVirtualizedPath = require.resolve('react-virtualized')
-//             const {pathname: reactVirtualizedFilePath} = new url.URL(reactVirtualizedPath, import.meta.url)
-//             const file = reactVirtualizedFilePath
-//                 .replace(
-//                     path.join('dist', 'commonjs', 'index.js'),
-//                     path.join('dist', 'es', 'WindowScroller', 'utils', 'onScroll.js'),
-//                 )
-//             const code = await fsPromises.readFile(file, 'utf-8');
-//             const modified = code.replace(WRONG_CODE, '')
-//             await fsPromises.writeFile(file, modified)
-//         },
-//     }
-// }
+const WRONG_CODE = `import { bpfrpt_proptype_WindowScroller } from "../WindowScroller.js";`
+function reactVirtualized() {
+    return {
+        name: 'flat:react-virtualized',
+        configResolved: async () => {
+            const require = createRequire(import.meta.url)
+            const reactVirtualizedPath = require.resolve('react-virtualized')
+            const {pathname: reactVirtualizedFilePath} = new url.URL(reactVirtualizedPath, import.meta.url)
+            const file = reactVirtualizedFilePath
+                .replace(
+                    path.join('dist', 'commonjs', 'index.js'),
+                    path.join('dist', 'es', 'WindowScroller', 'utils', 'onScroll.js'),
+                )
+            const code = await fsPromises.readFile(file, 'utf-8');
+            const modified = code.replace(WRONG_CODE, '')
+            await fsPromises.writeFile(file, modified)
+        },
+    }
+}
 
 export default defineConfig({
     base: '/',
@@ -51,13 +58,8 @@ export default defineConfig({
                 })
             },
         },
-        // reactVirtualized(),
-        react({
-            // jsxImportSource: '@emotion/react',
-            // babel: {
-            //     plugins: ['@emotion/babel-plugin'],
-            // },
-        }),
+        reactVirtualized(),
+        react(),
         nodePolyfills({
             protocolImports: true,
             overrides: {
@@ -102,11 +104,9 @@ export default defineConfig({
             less: {
                 javascriptEnabled: true,
                 modifyVars: {
-                    '@text-color': '#000000',
-                    '@ease-in-out': 'cubic-bezier(0.7, 0.3, 0.1, 1)',
-                    '@ease-out': 'cubic-bezier(0.7, 0.3, 0.1, 1)',
-                    '@primary-color': '#1DA57A',
-                }
+                    ...v4Token,
+                },
+
             }
         }
     },