Less变量无法运行时更新，因其仅在构建阶段编译为固定值；动态换肤须用CSS自定义属性桥接，配合ConfigProvider theme token及StyleProvider，并注意静态组件需显式传入contextHolder。
Less变量在主题切换后没更新，不是你改得不对，而是它根本不会更新——@primary-color这类变量在构建阶段就被替换成#007bff这样的固定值，运行时浏览器里压根不存在这个变量。你看到的“没变”，其实是理所当然的结果。
Less变量根本不在运行时存在
编译后的CSS里搜不到@primary-color，只看得到硬编码的颜色值。JS调用less.modifyVars()或往document.styleSheets里塞新规则，对已生成的样式完全无效。
- 浏览器不解析Less语法，
@import、@variable全是构建工具的事 -
modifyVars只影响下一次Less编译，不是运行时API；改完不重启dev server，等于没改 - 试图用JS读取
getComputedStyle(el).getPropertyValue('@primary-color')，永远返回空字符串
为什么改了@primary-color但按钮还是蓝色
变量覆盖失败，大概率是Less编译链断了：Ant Design组件样式早已按默认值编译完毕，你的新变量根本没参与进去。
-
@import 'antd/dist/antd.less'写在自定义变量之前 → 变量未定义，直接用默认值 - 项目里还留着
import 'antd/dist/antd.css'→ 静态CSS已加载，和Less编译冲突 - CRA项目没配
craco-less或漏掉javascriptEnabled: true→ Less内联JS表达式（如colorPalette('@primary-color', 5)）失效 - 路径写成
~antd/lib/style/themes/default.less少了个/→ 导入失败，变量表为空
真正能动态换肤的只有CSS自定义属性
想点一下就换色，必须绕过Less变量，用--primary-color桥接：Less负责导出，JS负责写入，CSS负责回退。
立即学习“前端免费学习笔记（深入）”；
- 在
variables.less末尾加.export-variables() { --primary-color: @primary-color; }，并在主入口调用它 - 所有样式用
color: var(--primary-color, #007bff)，逗号后的回退值不能省，否则变量未设时样式崩 - 切换主题时只调
document.documentElement.style.setProperty('--primary-color', '#52c418')，别碰<style>或styleSheets - Ant Design 5.x起，
modifyVars完全失效，必须走ConfigProvider theme={{ token: { colorPrimary: '#52c418' } }}+StyleProvider
最常被忽略的一点：Modal、Message、Notification这些静态方法脱离React context，即使ConfigProvider包得再严实，它们也收不到token。要用Modal.useModal()或显式传contextHolder，否则主题在浮层里永远是旧的。
