改了@primary-color仍是蓝色，根本原因是Less变量必须在antd.less加载前被解析注入，否则组件样式已按默认值编译完毕；正确顺序是：先@import default.less，再重定义变量，最后@import antd.less，并确保入口文件顶部引入且禁用antd.css。
为什么改了@primary-color还是蓝色？
不是变量写错了，是 Less 编译链断了。@primary-color必须在 antd.less 加载前被解析并注入，否则所有组件样式都按默认值编译完毕，你改的变量等于没发生。
- 别在组件级
Button.module.less里重定义@primary-color——作用域太窄，不参与全局主题构建 - 别在
import 'antd/dist/antd.css'之后再import自定义样式——CSS 已静态生成，变量覆盖无效 - 用 CRA 却没配
craco-less或lessOptions.modifyVars——Webpack 根本没把你的变量传给less-loader -
@import '~antd/lib/style/themes/default.less'路径少个/或拼错themes——导入失败，后续所有变量声明全跳过
theme.less 的正确加载顺序是什么？
只有一条链路能保证变量生效：基底变量 → 重定义 → 组件样式。缺一不可，顺序不能调。
- 新建
src/theme.less，内容严格按此顺序： @import '~antd/lib/style/themes/default.less';@primary-color: #ff6b35;@border-radius-base: 6px;@font-size-base: 14px;@import '~antd/dist/antd.less';- 在
src/index.tsx最顶部（任何其他import之前）写：import './theme.less'; - 删掉项目中所有
import 'antd/dist/antd.css'——它和 Less 编译冲突，留着必失效
Webpack/Vite 中 modifyVars 不生效怎么办？
modifyVars 不是万能开关，它依赖 javascriptEnabled: true 开启才能解析 Ant Design 里大量使用的 JS 表达式（比如 color(~`colorPalette('@primary-color', 5)`)），否则静默 fallback 到默认值。
-
less-loader@8+必须在lessOptions中显式设javascriptEnabled: true - Vite 用户检查
vite.config.ts中css.preprocessorOptions.less是否同样设置了该选项 - Webpack 配置里若写了
include: /node_modules\/antd/，会导致你项目目录下的theme.less根本不走less-loader的modifyVars流程——删掉或改用exclude - 更稳妥做法：把自定义主题文件放在
src/styles/theme.less，并在该文件中完整导入 antd 主题链，而非依赖 loader 的全局注入
用了 ConfigProvider 还是被样式覆盖？
Ant Design 5.x 的 CSS-in-JS 默认用 :where() 降低选择器权重来兼容旧项目，这也让自定义样式更容易被更高特异性的规则压掉。
- 检查开发者工具「Computed」面板，看生效的
colorPrimary是不是来自你传入的theme.token - 如果被覆盖，大概率是子组件用了更具体的选择器（比如
.ant-btn-primary.ant-btn），此时ConfigProvider的 token 只影响底层变量，不直接干预 CSS 权重 - 紧急修复可用
StyleProvider提升权重：<StyleProvider hashPriority="high">——它会移除:where()封装，让 antd 生成的类名权重回归正常水平 - 注意：
hashPriority="high"开启后低版本浏览器（如 IE11）不支持:where()的降级逻辑，需权衡兼容性
@import 顺序线性展开、就近锁定，用过即固化。哪怕你写了十遍 @primary-color，只要第一处引用它的组件样式文件出现在变量定义之前，那它就永远是默认值。 
