bootstrap 4 scss主题颜色覆盖

Question

让我的scss文件正确安装，但在下面的代码中，.header-top上的background-color仍然从原始的scss文件中提取颜色，而不是主题颜色变量i上的橙色写。

// 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";