1. Override Colors

For any change in colors : scss/variable.scss

                  
  // colors
  $white: #fff !default;
  $gray-100: #f6f9fc !default;
  $gray-200: #e9ecef !default;
  $gray-300: #dee2e6 !default;
  $gray-400: #ced4da !default;
  $gray-500: #a1aab2 !default;
  $gray-600: #8898aa !default;
  $gray-700: #525f7f !default;
  $gray-800: #343a40 !default;
  $gray-900: #333747 !default;
  $black: #000 !default;
  $body-color: #67757c !default;

  // Color
  $blue: #2cabe3 !default;
  $indigo: #7547FF !default;
  $purple: #1C325E !default;
  $pink: #e83e8c !default;
  $red: #ff5050 !default;
  $orange: #fb8c00 !default;
  $yellow: #ffc36d !default;
  $green: #2cd07e !default;
  $teal: #20c997 !default;
  $cyan: #4fc3f7 !default;
  $primary: #F33E5A !default;
  $secondary: #1781FD !default;
  $text-muted: $gray-500 !default;
  $inverse: #F5F5F6 !default;

  // Main Colors
  $primary: $primary !default;
  $secondary: $secondary !default;
  $success: $green !default;
  $info: $blue !default;
  $warning: $yellow !default;
  $danger: $red !default;
  $light: $gray-100 !default;
  $muted: $gray-500 !default;
  $dark: #20222a !default;
  $dark-light: $gray-600 !default;
  $light-gray: $gray-100 !default;
  $light-indigo: #c6cdfd !default;
  $cyan: $cyan !default;
  $orange: $orange !default;

  // light colors
  $primary-bg-subtle: #FEECEF !default;
  $secondary-bg-subtle: #EBF4FF !default;
  $success-bg-subtle: #EDFDF2 !default;
  $info-bg-subtle: #cfecfe !default;
  $warning-bg-subtle: #FFFBEB !default;
  $danger-bg-subtle: #ffcaca !default;
  $light-bg-subtle: #F6F6F6 !default;
  $dark-bg-subtle: $gray-600 !default;