如何使用引导更改辅助按钮文本颜色？

Question

我对CSS样式相当陌生，目前正在将引导加载到我的scss主文件中，在那里我设置了一些颜色（主要的、次要的、危险的等）作为主题。

但是，由于bootstrap/functions中的颜色对比度函数，我的按钮文本似乎会失真。scss。

除了“次要”之外，我想继续对所有颜色使用这个功能。有没有可能重写这一点，并定义btn次要颜色，而不通过颜色对比度函数？

目前我的主要工作。SCS看起来像这样：

$primary: #44698E;
$secondary: #90A1BC;
$danger: #D3745F;
$hoverblue: #edf6ff;
$darkblue: #103E67;
$dragoverGreen: #bfe3bf;
$dragoverRed: #e8a09e;

@import "../../node_modules/bootstrap/scss/bootstrap";

$btn-secondary-color: white;

Answer 1

重写引导变量

首先必须导入引导，然后可以为每个引导组件定义自定义样式。

例如：

@import 'node_modules/bootstrap/scss/bootstrap';

.btn-secondary {
  color: white;
}