// https://stackoverflow.com/questions/38792005/how-to-change-the-bootstrap-primary-color // required to get $green variable @import "../node_modules/bootstrap/scss/functions"; @import "../node_modules/bootstrap/scss/variables"; @import "../node_modules/bootstrap/scss/variables-dark"; $tornado-green: #94febf !default; $tornado-black: #000403 !default; $primary: $tornado-green; // set the $primary variable $success: $tornado-green; $component-active-bg: $tornado-green; $nav-link-color: $tornado-green; $nav-link-hover-color: $white; $nav-pills-link-active-bg: $tornado-green; $nav-pills-link-active-color: $tornado-black; $badge-color: $tornado-black; $card-border-color: $tornado-green; // merge with existing $theme-colors map $theme-colors: map-merge($theme-colors, ( "primary": $primary, "success": $success )); // set changes @import "../node_modules/bootstrap/scss/bootstrap";