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

Question

我需要在bootstrapvue proyect中更改此颜色，但我不知道如何。

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

Answer 1

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

就像在普通的Bootstrap中一样（没有vue），您在bootstrap库目录（https://github.com/twbs/bootstrap/blob/master/scss/_variables.scss中的_variables.scss中拥有所有变量。

您可以复制并修改或制作一个名为ex的空文件。在导入Bootstrap之前先将variables.scss导入。或者只是将变量放在@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';