Ant Design 5 版本中,可以通过修改 less 变量来更改颜色调色板。首先,需要将主题颜色的 less 变量保存在变量文件中。例如,我们需要自定义蓝色主题,则可以在自己的 less 文件中添加以下内容:
@import '~@ant-design/colors';
@primary-color: @blue-6;
接下来,在入口文件中引入该自定义 less 文件即可:
import './custom.less';
import { Button } from 'antd';
function App() {
return (
);
}
export default App;
这样做便能实现改变 Ant Design 版本 5 主题颜色的目的。