小编kin*_*leo的帖子

如何在 Carbon Design System 中自定义主题?

我正在尝试通过更改碳的默认颜色来创建自定义主题。

我已经导入了 Carbon 组件 scss 文件,并按照建议设置了变量 $carbon-theme,但它不起作用。我已将它们导入到我的主 index.scss 文件中。我最终想更改颜色变量并创建自定义主题。

这是我的index.scss文件

@import 'carbon-components/scss/globals/scss/styles.scss';
@import '@carbon/themes/scss/themes';
@include carbon--theme($carbon--theme--g100);

body {
  background-color: $ui-02;
}
Run Code Online (Sandbox Code Playgroud)

这是我正在尝试创建的 mixin。

@mixin custom-color {
  $focus: green;
}
Run Code Online (Sandbox Code Playgroud)

上面的方法不起作用。主题不会更改为预期的深灰色背景。我该怎么做呢?另外,我将如何创建 mixin 来设置其他颜色?

reactjs

1
推荐指数
1
解决办法
4066
查看次数

标签 统计

reactjs ×1