VuePress Import Bootstrap Scss Change Primary Color (Theme)

June 2, 2019

Install Sass

yarn add -D sass-loader node-sass

Edit docs/.vuepress/styles/index.scss.

$theme-colors: (
  "primary": #AAD6C1
);

// Bootstrap and its default variables
@import "node_modules/bootstrap/scss/bootstrap";

Edit docs/.vuepress/enhanceApp.js.

import './styles/index.scss';

export default ({
  Vue, // the version of Vue being used in the VuePress app
  options, // the options for the root Vue instance
  router, // the router instance for the app
  siteData // site metadata
}) => {

}

References:

This work is licensed under a
Creative Commons Attribution-NonCommercial 4.0 International License.