angular - Bootstrap 4の色がAngular 9で変化しない

Question

カスタム scss ファイル ( modified-bootstrap.scss) を作成して、ブートストラップ変数をオーバーライドしました

$theme-colors: (
  "primary": #84329b,
  "secondary": #02bceb
);
@import "node_modules/bootstrap/scss/bootstrap.scss"; // tried relative path too

base.scss次に、に追加されたという名前のファイルにインポートしますangular.json。ここにbase.scssファイルがあります-

@import "./helpers";
@import "./custom";
@import "./modified-bootstrap";

そして、ここに私のangular.jsonファイルのscss回路図、スタイル、およびスクリプト配列があります-

      "styles": [
          "src/styles.scss",
          "src/assets/theme/base.scss",
          "node_modules/bootstrap/dist/css/bootstrap.min.css"
        ],
        "scripts": [
          "node_modules/jquery/dist/jquery.slim.min.js",
          "node_modules/popper.js/dist/umd/popper.min.js",
          "node_modules/bootstrap/dist/js/bootstrap.min.js"
        ]
        ...
        ...
        "schematics": {
        "@schematics/angular:component": {
        "styleext": "scss"
       }
     }

ブートストラップは正常に機能していますが、色が上書きされていません。私は何が間違っているのですか？