如何更改自举原色？

Question

是否可以更改引导程序原色以匹配品牌颜色？我正在使用bootswatch的纸张主题。

Answer 1

Bootstrap 4

要更改Bootstrap 4 SASS中的 原色 或任何 主题颜色 ，请 在 导入 前
设置适当的变量bootstrap.scss。这使您的自定义scss可以覆盖！default值…

$primary: purple;
$danger: red;

@import "bootstrap";

在某些情况下，您可能想从另一个_现有的_Bootstrap变量设置新的颜色。为此，首先导入函数和变量，以便可以在定制中引用它们。

/* import the necessary Bootstrap files */
@import "bootstrap/functions";
@import "bootstrap/variables";

$theme-colors: (
  primary: $purple
);

/* finally, import Bootstrap */
@import "bootstrap";

另请参阅此答案，或有关[更改按钮颜色（CSS或SASS）的](https://

也可以 仅 使用 CSS 来更改原色，但是由于存在许多-primary变化，还需要大量其他CSS。…，其中一些类别的边框，悬停和活动状态的颜色略有变化。因此，如果必须使用CSS，最好使用目标一个组件，例如更改主按钮color。