antd 主题色定制

 定制方案：

1. 全局定制

整个应用范围内的组件都生效

全局文件  theme.css

:root:root {--adm-color-primary: #a062d4;
}

antd-mobile 中的主题变量也是在 :root 下声明的，所以在有些情况会由于优先级的问题无法覆盖。通过 :root:root 显式地让你所写内容的优先级更高一些，确保主题变量的成功覆盖。 

import { Button } from "antd-mobile";<Button color="primary">测试全局</Button>

 

2. 局部定制

只在某些元素内部的组件生效

全局文件  theme.css

.purple {--adm-color-primary: #a062d4;
}

<div className="purple"><Button color="primary">测试局部</Button>
</div>