reactjs - 蚂蚁设计中如何使用主题色？

Question

我想使用蚂蚁设计主题的原色。我相信 less 标签是：@primary-color. 如何将此值用于希望边框颜色匹配的自定义 div？这也是由 create-react-app 制作的应用程序。

我希望能够做类似的事情：

border: '2px solid #fff' // Instead of white, it uses the theme's primary color

标签： reactjsantd

Answer 1

在 .less 文件的最顶部导入 Ant Design 样式：@import '~antd/dist/antd.less';

然后你可以使用任何 antd 颜色变量：

@import '~antd/dist/antd.less';

.box {
    border: 2px solid @primary-color;
}