Bootstrap 4 引导程序4 scss主题颜色覆盖

正确设置了我的scss文件和所有内容，但在下面的代码中，header top上的背景色仍然是原始scss文件的颜色，而不是我编写的主题颜色变量上的橙色

// Variable Overrides (This needs to be before the @import below that 
imports all bootstrap sass files)
$greyLight: #f7f9fc;

// $theme-colors: (
//     "primary": #0077bc,
//     "secondary": #585858
// );

$theme-colors: (
  "primary": #d95700,
  "secondary": #585858
);

$primary: theme-color("primary");

// MY STYLES
.header-top {
    background-color: $primary;
    color: white;
    height: 40px;
}


// Bootstrap Sass files ( @import imports everything below)
@import "node_modules/bootstrap/scss/bootstrap";

---

我想我已经把它修好了，但我想确保这是正确的方法，否则以后不会有任何问题。我将@import步骤移到了scss文件的顶部。btn primary出现问题，因此我将导入步骤移到了primary变量的正上方，并修复了按钮。我想我已将其修复，但希望确保这是正确的方法，否则以后不会有任何问题。我将@import步骤移到了scss文件的顶部。btn primary出现问题，因此我将导入步骤移到了primary变量的正上方，并修复了按钮。