css - SASS:覆盖 Bootstrap 的默认主色、成功、信息等颜色

Question

我在 Visual Studio Code 工作。我正在使用 Gulp/Node 来编译我的 SASS。

一切正常，但出于某种原因我无法在 Bootstrap 中覆盖它:

$brand-primary:         darken(#428bca, 6.5%) !default; // #337ab7
$brand-success:         #5cb85c !default;
$brand-info:            #5bc0de !default;
$brand-warning:         #f0ad4e !default;
$brand-danger:          #d9534f !default;

在我自己的 _variable.scss 中，我有以下内容:

$brand-primary:         darken(#428bca, 6.5%)
$brand-success:         #0aa699;
$brand-info:            #1f3853;
$brand-warning:         #fbb05e;
$brand-danger:          #f35958;
$brand-grey:            #d1dade;

而且我确保我所有的自定义 .scss 都在 Bootstrap 加载后 出现，但我的自定义颜色没有显示!

这是部分的结构:

样式.scss

@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

@import "custom/myappstyles";

myappstyles.scss

@import "modules/variables";

@import "modules/mixins";

@import "modules/layout";

@import "modules/typography";

@import "modules/forms";

@import "modules/buttons";

@import "modules/tables";

@import "modules/navigation-sidebar";

@import "modules/approval-sidebar";

有什么想法吗？

Answer 1

你能写下你的结构和导入吗？

更新:尝试在 Bootstrap 导入之前放置变量。