Ant Design 全局色值修改教程 - 使用 Less 变量自定义主题

"Ant Design 全局色值修改教程 - 使用 Less 变量自定义主题"\n\n本文详细介绍如何使用 Less 变量修改 Ant Design 的全局色值，以自定义主题颜色。提供创建自定义 Less 文件、引入文件、编译项目的步骤，并涵盖不同脚手架的配置方法。\n\n要修改 Ant Design 的全局色值，可以通过修改 less 变量来实现。具体步骤如下：\n\n1. 在项目中创建一个名为 custom.less 的文件，用于存放自定义的 less 变量。\n2. 打开 custom.less 文件，添加以下代码：\n\nless\n@primary-color: #1890ff; // 修改主色，默认为蓝色\n@success-color: #52c41a; // 修改成功色，默认为绿色\n@warning-color: #faad14; // 修改警告色，默认为黄色\n@error-color: #f5222d; // 修改错误色，默认为红色\n\n\n3. 在项目的入口文件（通常是 index.js 或 App.js）中引入 custom.less 文件：\n\njavascript\nimport './custom.less';\n\n\n4. 重新编译项目，即可看到全局色值已经被修改。\n\n注意：如果你使用的是 create-react-app 脚手架创建的项目，可能需要安装 less 和 less-loader 来支持 less 文件的编译。可以使用以下命令进行安装：\n\nshell\nnpm install less less-loader --save-dev\n\n\n如果你使用的是其他脚手架或构建工具，请根据相应的文档进行配置。