webpack-bootstrap-ui-kit/src/scss/_variables.scss

/*
 * Your custom variables
 */

$grid-breakpoints: (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1390px, xxxl: 1590px);
$container-max-widths: (sm: 540px, md: 720px, lg: 960px, xl: 1140px, xxl: 1330px, xxxl: 1560px);

$font-family-base: "Lato", sans-serif;

$grid-gutter-width: 30px;
$grid-gutter-xs-width: $grid-gutter-width / 2;
$grid-gutter-height: 8rem;

$gray-900: #212529;
$white: #fff;
$blue: #016cb1;
$yellow: #ecac02;

$dark: #000;

//$primary: $dark;
$bg-alt: $yellow;

$body-color: $gray-900;
$navbar-light-active-color: $blue;

$navbar-dark-hover-background: $dark;
$navbar-dark-active-background: $dark;
$navbar-dark-show-color: $blue;
$navbar-dark-show-background: $dark;

$dropdown-border-color: $white;

$footer-size: 18.5rem;
$footer-bar-size: 2.5rem;

/*
 * bootstrap includes
 * keep it at the end
 */

// bootstrap minify bugfix:
$navbar-dark-toggler-icon-bg: none;
$navbar-light-toggler-icon-bg: none;

// IE > 9
$enable-flex: true;

@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";
@import "~bootstrap/scss/mixins";
@import "_components/_variables";