Sass Can'；t覆盖球导航条颜色

我试图覆盖我的Bulma导航栏中文本的颜色，如果我使用！在我的常规SCSS文件中有一个重要的标签，但我尽量少用！尽可能重要的标签

Bulma文档告诉我可以覆盖Bulma颜色变量，但我所有的尝试都是徒劳的

到目前为止，我所尝试的： 创建了一个_bulmaTheme.scss文件

试图覆盖此文件中的颜色

这些颜色在前端不会被覆盖，我可以看到它们在我的控制台下面被初始值Bulma集覆盖，请参见附带的Chrome控制台屏幕截图

我有点绝望，所以我尝试设置了很多变量，根据我的大脑，我只需要覆盖

$navbar链接

变量。my_bulmaTheme.scss的内容目前如下所示

@import "bulma/sass/utilities/initial-variables.sass";

$navLinkColor: rgba(156, 2, 2, 0.7);
$navbar-item-color: rgba(156, 2, 2, 0.7);
$navbar-background-colo: $navLinkColor;
$navbar-item: $navLinkColor;
$navbar-item-active-color: $navLinkColor;
$navbar-item-hover-color: $navLinkColor;
$navbar-item-color:  rgba(156, 2, 2, 0.7);
$nav-link: $navLinkColor;
$navbar-link: rgba(156, 2, 2, 0.7);
$navbar: $navLinkColor;


$navbar-item-color: $navLinkColor;
$navbar-item-hover-color: $navLinkColor ;
$navbar-item-hover-background-color: $navLinkColor ;
$navbar-item-active-color: $navLinkColor ;
$navbar-item-active-background-color: $navLinkColor ;

@media screen and (min-width: 1024px) {
  $navLinkColor: rgba(156, 2, 2, 0.7);
  $navbar-item-color: $navLinkColor;
  $navbar-background-colo: $navLinkColor;
  $navbar-item: $navLinkColor;
  $navbar-item-active-color: $navLinkColor;
  $navbar-item-hover-color: $navLinkColor;
  $navbar-item-color: $navLinkColor;
  $nav-link: $navLinkColor;
  $navbar-link: rgba(156, 2, 2, 0.7);
  $navbar-item-color:  rgba(156, 2, 2, 0.7);

  $navbar: $navLinkColor;
}
@import "bulma/bulma.sass";

出于某种原因，所有的覆盖都不起任何作用，我通过在我的body标签上设置不同的颜色来测试scss文件是否有效，并且效果很好。我在主app.scss文件中导入Bulma主题代码，如下所示

@charset "utf-8";

@import "./theme.scss";
@import "./typography.scss";
@import "./bulmaTheme.scss";
...SCSS (and no extra imports) underneath

---

我在盖茨比的一个项目中使用了Bulma，运行的是Bulma版本0.8.1，你知道我做错了什么吗

---

$navbar background colo->$navbar background color

你有一个打字错误，伙计：

$navbar背景颜色->$navbar背景颜色