reactjs - Grommet UI——自定义配色方案

Question

我正在将grommet-ui与webpack和react结合使用。如何设置自己的颜色选项。

有没有办法使用我自己的自定义颜色/配色方案来代替预定义的颜色，例如 colorIndex="neutral-1"。

Answer 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 中，您可以替换它(!默认允许替换):

$品牌中性颜色:(#333333、#7026ff、#767676)

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