Bootstrap 5 改主 colors

Question

使用 Bootstrap 5 我试图将成功颜色更改为 $green-400。 所以 class="btn btn-success" 应该使用新的成功颜色。

如果我这样做：

@import '~bootstrap/scss/functions';
@import '~bootstrap/scss/variables';

$success: $green-400;

@import '~bootstrap/scss/bootstrap';

它不会改变颜色。 这是为什么？

如果我这样做：

$theme-colors: (
  "primary":    $primary,
  "secondary":  $secondary,
  "success":    $green-400,
  "info":       $info,
  "warning":    $warning,
  "danger":     $danger,
  "light":      $light,
  "dark":       $dark
);

确实如此，但我必须包括所有 colors 否则它们都消失了。