如何在蚂蚁设计中使用主题颜色？

Question

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

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

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

Answer 1

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

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

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

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