组件库主题定制方案
组件库如何实现主题定制？CSS Variables、Less/Sass 变量覆盖、Runtime Theme 三种方案的优劣对比？如何设计一个可扩展的主题系统？Ant Design 5 的 CSS-in-JS 方案？
回答
小字辈
CSS Variables: --primary-color:#1890ff，var(--primary-color) 使用。优势: 运行时切换、无编译依赖。劣势: IE11 不支持。Less/Sass 变量: @primary-color，modifyVars 覆盖。优势: 类型丰富。劣势: 需编译、运行时无法切换。Runtime Theme(CSS-in-JS): Ant Design 5 ConfigProvider theme={{token:{colorPrimary:'#00b96b'}}}。优势: 动态切换、按需注入。推荐: 基础 token + 组件 token 设计。CSS Variables 轻量，CSS-in-JS 适合动态多主题。