Custom theme support for Bootstrap-Vue

Readme.md

Custom theme support for Bootstrap-Vue

Versions used

@vue/cli 4.1.1

Using below commands to install bootstrap-vue, adds the plugin file and pre-fills the statements. Just have alook at them and edit them

vue create my-app
cd my-app
vue add bootstrap-vue

bootstrap-vue.js

// location : src/plugins
// filename bootstrap-vue.js
// Link the created  theme.scss

import Vue from 'vue'
import BootstrapVue from 'bootstrap-vue'

Vue.use(BootstrapVue)

import '../assets/css/theme.scss';

main.js

// Add the below line to main.js

import './plugins/bootstrap-vue'

//Following will be autofilled by bootstrapvue
//Make sure of that

import '@babel/polyfill'
import 'mutationobserver-shim'

theme.scss

/* theme.scss 
/*Somewhere in your assets folder 
/*********************************/

$theme-colors: (
	"primary": #1a73e8,
	"secondary": #283043,
	"airblue": #78a1bb,
	"offwhite": #ebf5ee,
	"success": #38946a
);

@import 'bootstrap/scss/bootstrap.scss';
@import 'bootstrap-vue/src/index.scss';