twitter-bootstrap - 如何在 bootstrapvue 中更改主题颜色？

Question

我需要更改我的 bootstrap vue 项目中的颜色，但我不知道该怎么做。

初级次要的成功信息警告危险光黑暗

Answer 1

只需阅读文档 ;) https://bootstrap-vue.js.org/docs/reference/theming/

就像在普通的 Bootstrap 中一样(没有 vue)你在 _variables.scss 中的所有变量都在 bootstrap 库目录 ( https://github.com/twbs/bootstrap/blob/master/scss/_variables.scss ) 中。

您可以复制它并修改或创建一个名为 ex 的新空​​文件。 variables.scss 并在导入 Bootstrap 之前导入它。或者简单地将变量放在@import 之前。

// Your variable overrides
$body-bg: #000;
$body-color: #111;

// Bootstrap and its default variables
@import '../node_modules/bootstrap/scss/bootstrap';
// BootstrapVue and its default variables
@import '../node_modules/bootstrap-vue/src/index.scss';

如果您需要更换颜色，它将是:

$red: '#ff0000';