// Use this file to overwrite the basic Bootstrap variables and add your own variables // To overwrite a Bootstrap variable you don“t have to touch the Bootstrap folder. // Just copy a variable from src/sass/bootstrap4/_variables.scss, paste it here and edit the value. //$primary: #0061ff; // Thats a sample how you could change a BootStrap variable. $primary: ( color: #F07206, dark: darken(#F07206, 10%), light: lighten(#F07206, 10%) ); $secondary: ( color: #F07206, dark: darken(#F07206, 10%), light: lighten(#F07206, 10%) ); $similar: ( color: #F83207, dark: darken(#F83207, 10%), light: lighten(#F83207, 10%) ); $tertiary: ( color: #F07206, dark: darken(#F07206, 10%), light: lighten(#F07206, 10%) ); $complementary :( color: #0087A3, dark: darken(#0087A3, 10%), light: lighten(#0087A3, 10%) ); $theme-colors: ( "similar": $similar, "tertiary": $tertiary, "complementary": $complementary ); $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #e9ecef !default; $gray-300: #dee2e6 !default; $gray-400: #ced4da !default; $gray-500: #adb5bd !default; $gray-600: #6c757d !default; $gray-700: #495057 !default; $gray-800: #343a40 !default; $gray-900: #212529 !default; $black: #000 !default;