Как я могу изменить цвет темы в bootstrapvue?

Question

Мне нужно изменить этот цвет в моем bootstrapvue проекте, но я не знаю как.

первичный вторичный успех информация предупреждение опасность свет темный

Answer 1

Просто прочитайте документы;) https://bootstrap-vue.js.org/docs/reference/theming/

Так же, как и в обычном режиме Bootstrap (без vue) У вас есть все переменные в _variables.s css в bootstrap каталог библиотеки (https://github.com/twbs/bootstrap/blob/master/scss/_variables.scss).

Вы можете скопировать его и изменить или создать новый пустой файл с именем ex. variables.s css и импортируйте его перед импортом 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';