Ant Design 的主题样式我们可以自己定制一下，Ant Design 的样式是用 Less 格式写的，定制它的主题主要就是去修改一下它的一些样式变量的值就行了。

在 ant-design 这个仓库里，你可以找到定义这些变量的值的文件，就是这个 default.less，在这里你可以找到自己想要定制的变量的名字。然后在自己的项目里重新设置一下这个变量的值就行了。

比如这个 @primary-color 是一个变量，它的值是 Ant Design 里用的主要的颜色。复制一下这个变量的名字。

回到项目，我的这个 Ant Design 项目是用 umi 创建的，所以在项目里有个 .umirc.ts 这个配置文件，打开这个文件。

在它里面可以添加一个新的属性，名字叫 theme，在这个 theme 属性里面，我们可以重新设置变量的值，把刚才复制的变量名字粘贴到这个，就是这个 @primary-color，然后重新给它设置一个值，比如 #34A953。

先回到浏览器可以看一下，现在主要的颜色应该是一种蓝色。

再回到项目，保存一下这个配置文件，回到运行项目开发服务的终端，开发服务会检测到配置文件的变化，重新启动开发服务，这样就会使用我们设置的新的变量值，重新编译 Ant Design 的样式。

完成以后，你会发现，现在项目里的主要颜色会变成一种绿色，这是因为我们自己定制了一下 Ant Design 样式里的 @primary-color 这个变量的值。