umi 修改antd 主题

在 Umi 4.0 中，可以使用 ConfigProvider 来全局配置 Ant Design 的主题、布局等设置。以下是一个简单的示例

步骤

1. 修改.umirc.ts: 在项目的入口文件中引入 ConfigProvider 并进行配置。

示例代码

antd: {
  configProvider: {},
},

2. 修改app.(ts/tsx): 在项目的入口文件中引入 ConfigProvider 并进行配置。

示例代码

import {RuntimeAntdConfig} from '@umijs/max';

export const antd: RuntimeAntdConfig = (memo) => {
  memo.theme ??= {};
  memo.theme = {
      token:{
        colorPrimary: '#4340F4', // 修改antd的主题颜色
        colorLink: '#2759F1',
        colorText: '#333',
      }
  }
  return memo;
};