我正在尝试通过更改碳的默认颜色来创建自定义主题。
我已经导入了 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