fix

package.json

@@ -45,8 +45,7 @@
   ],
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
-    "@ant-design/pro-components": "1.1.1",
-    "@ant-design/pro-layout": "^6.38.13",
+    "@ant-design/pro-components": "^2.0.0",
     "@umijs/route-utils": "^2.0.0",
     "antd": "^4.20.0",
     "classnames": "^2.3.0",

src/app.jsx

@@ -41,12 +41,31 @@ export const layout = ({ initialState, setInitialState }) => {
     disableContentMargin: false,
     token: {
       sider: {
-        menuBackgroundColor: '#001529',
-        menuTitleTextColor: '#fff',
-        menuTextColor: 'hsla(0,0%,100%,.65);',
-        menuSubArrowColor: '#fff',
-        menuItemSelectedBgColor: '#1890ff',
-        menuSelectedTextColor: '#fff',
+        // colorBgCollapsedButton: '#fff',
+        // colorTextCollapsedButtonHover: 'rgba(0,0,0,0.65)',
+        // colorTextCollapsedButton: 'rgba(0,0,0,0.45)',
+
+        // colorBgMenuItemCollapsedHover: 'rgba(0,0,0,0.06)',
+        // colorBgMenuItemCollapsedSelected: 'rgba(0,0,0,0.15)',
+        // colorMenuItemDivider: 'rgba(255,255,255,0.15)',
+        // colorBgMenuItemHover: 'rgba(0,0,0,0.06)',
+        // colorBgMenuItemSelected: 'rgba(0,0,0,0.15)',
+        // colorTextMenuSelected: '#fff',
+        // colorTextMenu: 'rgba(255,255,255,0.75)',
+        // colorTextMenuSecondary: 'rgba(255,255,255,0.65)',
+        // colorTextMenuTitle: 'rgba(255,255,255,0.95)',
+        // colorTextMenuActive: 'rgba(255,255,255,0.95)',
+        // colorTextSubMenuSelected: '#fff',
+
+        colorTextMenuTitle: '#fff',
+        colorMenuBackground: '#001529',
+        colorTextMenu: 'rgba(255,255,255,0.65)',
+        colorTextSubMenuSelected: '#fff',
+        colorBgMenuItemSelected: '#1890ff',
+        colorBgMenuItemHover: 'transparent',
+        colorTextMenuHover: '#fff',
+        colorTextMenuSelected: '#fff',
+        colorTextMenuActive: 'rgba(255,255,255,0.65)',
       },
     },
     // waterMarkProps: {