reactjs - 扣眼用户界面-自定义配色方案

我正在将grommet-ui与webpack一起使用并做出反应。
如何设置自己的颜色选项。

有没有一种方法可以使用我自己的自定义颜色/配色方案代替诸如colorIndex =“ neutral-1”之类的预定义颜色。

最佳答案

是的，有一种方法可以覆盖它们，但目前尚未记录。我将在这里开始检查颜色：

https://github.com/grommet/grommet/blob/master/src/scss/grommet-core/_settings.color.scss

例如，在此数组中使用neutral-1

$brand-neutral-colors: (#5d0cfb, #7026ff, #767676) !default;

在您的index.scss中，您可以替换它（！default允许替换）：

$brand-neutral-colors: (#333333, #7026ff, #767676)

我们正在为自定义主题变量添加文档。