带有反应装置的碳设计系统v11

Question

我正在尝试使用碳设计系统V11 (https://www.npmjs.com/package/@carbon/react)和for (应用程序开始使用创建-反应-应用程序)，我无法弄清楚如何为全球主题覆盖定制单独的令牌。到目前为止，在App.scss中，我用

@use '@carbon/react/scss/themes';

@use '@carbon/react/scss/theme' with (
  $theme: themes.$g100,
);

@use '@carbon/react';

这是可行的，主题被设置为g100。

从这里开始，我想更改$interactive-01或$button-primary令牌，以便它适用于整个主题。从文档中完全不清楚如何做到这一点，尽管这里的文档指定每个令牌重写是可能的(https://v11.carbondesignsystem.com/guidelines/themes/overview/#customizing-a-theme)，但我假设我遇到了问题，因为文档没有具体的反应。

如果有人遇到这样的情况，并知道答案，任何帮助都将不胜感激！

谢谢。

Answer 1

参见下面的示例这里 / 文档

@use '@carbon/react/scss/components/button/tokens' as button-tokens with (
  $button-primary: #f00
);