我想定义自己的主题颜色,这样标准的Bootstrap元素将被覆盖,并且稍后还可以在我的组件中使用该值。以下是我在scss文件中使用的代码:
$theme-colors: (
"primary": #611fe6,
"secondary": #ffbd58,
"dark": #000000
);
@import "node_modules/bootstrap/scss/bootstrap";
@import "node_modules/bootstrap/scss/functions";
@import "node_modules/bootstrap/scss/variables";
@import "node_modules/bootstrap/scss/mixins";
.fa-li {
color: $primary;
}
.fa-li然后具有Bootstrap的原始主要颜色,而不是我的自定义颜色。