Sass 如何覆盖引导4中的所有颜色？

我花时间学习如何使用SASS设置引导主题。步骤如下：

• 在我的项目目录中的命令行上运行

  npm安装引导程序--save

• 然后我用

• 在命令行运行sass main.scss main.css

我希望所有的主题颜色都会被覆盖。请注意，我的所有自定义

$theme color

变量都是红色或灰色系列中的色调。这些颜色值没有蓝色。然而，当聚焦时，我的导航栏切换按钮周围的边框是蓝色的（见图）。为什么它没有改变为我的自定义主题颜色之一？我确实查看了_variables.scs，但没有任何明显的东西跳出来

我的页面的html是从bootstrap album示例中复制的，但我认为重要的部分是：

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
  <span class="navbar-toggler-icon"></span>
</button>

我在这里错过了什么来覆盖所有颜色

---

这是（“\u reboot.scss”）中的默认引导焦点颜色：

如果要根据主题设置颜色，则必须覆盖它。f、 e:

button:focus {
  outline: 5px auto map-get($theme-colors, "primary");
}

---

谢谢，这解决了我的问题。在

：focus

选择器起作用时，是否有方法覆盖所有内容？我当时的印象是，我的

$theme colors

会逐渐覆盖所有这些内容，比如

:focus

，

:hover

等等。但我猜这不是它的工作方式。我猜他们使用浏览器的默认行为作为焦点。有人可能会说，从可访问性的角度来看，删除它是一个错误的举动。

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

button:focus {
  outline: 5px auto map-get($theme-colors, "primary");
}