Ant Design 5.x 废弃 Less 主题路径，改用 CSS-in-JS + Design Token 运行时主题机制，ConfigProvider theme.token 需配合 StyleProvider 和 App 包裹才能生效，旧 Less 配置（如 modifyVars）完全失效。
Ant Design 5.x 的 Less 主题路径已移除
升级到 antd@5.x 后，~antd/es/style/themes/index.less 这个路径根本不存在——它被彻底删掉了。官方改用 CSS-in-JS + Design Token 方案，不再提供可直接 @import 的 Less 主题文件。你继续在 theme.less 里写 @import '~antd/es/style/themes/index.less'，Less 编译器报 wasn't found 是必然的，不是配置错，是文件没了。
- antd@4.x 及之前：主题靠
default.less+modifyVars注入变量 → 编译生成 CSS - antd@5.x 起：主题靠
ConfigProvider的themeprop 传入 token → 运行时注入样式 - 如果你还保留
import 'antd/dist/antd.css'或@import 'antd/dist/antd.less'，会和新机制冲突，样式权重打架、变量不生效
less-loader 配置对 antd@5.x 已无作用
modifyVars 和 javascriptEnabled 这些配置，只影响 Less 编译阶段。但 antd@5.x 的组件样式不再从 Less 文件编译生成，而是由 @ant-design/cssinjs 在运行时动态生成。所以即使你 webpack 配得再完美，modifyVars 也不会改变任何按钮颜色或圆角。
- 旧配置（如
primary-color: #ff6b35）不会注入到 token 系统中 -
craco-less、lessOptions、paths等全部退场，留着只是冗余 - 若项目同时混用 antd@4 和 @5，必须分清：前者走 Less，后者走 token，不能共用同一套主题入口
ConfigProvider theme.token 不生效的常见卡点
写了 <ConfigProvider theme={{ token: { colorPrimary: '#ff6b35' } }}> 却还是蓝色？大概率是渲染上下文断了，或者被更高权重的选择器压掉。
-
message.xxx、Modal.xxx、notification.xxx这类静态方法**不继承 ConfigProvider 的 theme**，它们自己 new 出 React root，context 断开 - 紧急修复可用
<StyleProvider hashPriority="high">提升选择器权重，否则.ant-btn-primary.ant-btn这类复合类名会压过 token 生成的样式 - 检查开发者工具「Computed」面板，确认生效的
colorPrimary是否来自你传入的theme.token，而不是默认值或旧 CSS
Table 表头、Popover 浮层等脱离 DOM 上下文的组件
这类组件通过 ReactDOM.createPortal 渲染到 document.body 下，完全脱离当前 ConfigProvider 树。token 传不进去，样式自然不响应主题变更。
立即学习“前端免费学习笔记（深入）”；
- 必须显式包裹
contextHolder：比如用Modal.useModal()返回的contextHolder插入到 portal 容器中 - 更省事的是用
<App>组件包裹整个应用（antd@5.8+），它会自动为所有 portal 场景注入 context - 别试图用全局 CSS 覆盖，容易和 token 冲突；优先走 token +
StyleProvider组合
App 包裹、没处理 portal、还在 webpack 里配 less-loader——这三件事里只要做错一个，主题就静音。 
