$gray-100: lighten($col_main_1, 80%); //#ffffff $gray-200: #e2ccb2; //Background $gray-300: lighten($col_main_1, 50%); //#d8c1a6 $gray-400: lighten($col_main_1, 35%); //#c09b71 $gray-500: lighten($col_main_1, 20%); //#9f7546 $gray-600: lighten($col_main_1, 10%); //#7b5b37 $gray-700: $col_main_1; //#584127 $gray-800: darken($col_main_1, 10%); //#352717 $gray-900: darken($col_main_1, 20%); //#110d08 $theme-colors: ( "primary": $col_main_1, "secondary": $col_main_2, "grey-400": $gray-400 ); $theme-colors: map-remove($theme-colors, "light", "dark"); $font-family-base: $font_para; @import 'bootstrap/bootstrap';