// Bootstrap theme customization $white: #FFFFFF; $gray-100: #F7F8F9; $gray-300: #DEE5EB; $gray-400: #B2B6C2; $gray-500: #A6ACBE; $gray-800: #393C46; $gray-900: #2A2D36; $body-bg: $gray-100; $body-color: #4A4A4A; $primary: #6F89FF; $blue: #0092ff; $red: #F9002B; $green: #51B61B; $teal: #32C498; $purple: #5139EE; $yellow: #F9BE1B; $dark: $gray-900; $success: $teal; $link-color: $body-color; $input-border-color: $gray-300; $dropdown-bg: $dark; $dropdown-color: $gray-500; $dropdown-link-color: $gray-500; $dropdown-link-hover-color: lighten($gray-500, 5%); $dropdown-link-hover-bg: $gray-800; $dropdown-link-active-bg: $gray-800; $font-size-base: 1rem; $font-weight-normal: 400; $font-weight-bold: 700; $h1-font-size: $font-size-base * 2.25; $h2-font-size: $font-size-base * 1.85; $h3-font-size: $font-size-base * 1.5; $h4-font-size: $font-size-base * 1.25; $h5-font-size: $font-size-base * 1.15; $h6-font-size: $font-size-base; $headings-font-weight: $font-weight-bold; $table-border-width: 0; $table-head-bg: $white; $table-head-color: $gray-400; $breadcrumb-bg: transparent; $breadcrumb-padding-x: 0; $breadcrumb-padding-y: 0; $breadcrumb-divider: "\f054"; $breadcrumb-divider-color: $gray-400; $breadcrumb-active-color: $body-color; $nav-tabs-link-active-bg: $white; .thead-light th { font-weight: $font-weight-normal; } .breadcrumb-item + .breadcrumb-item::before { font-family: "FontAwesome"; }