Topic: Correct way to override bootstrap variables

Vladislav Stoitsov free asked 3 years ago


Expected behavior To be able to change bootstrap variables

Actual behavior Not possible

Steps to reproduce Angular.json`

            "styles": [
          "node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss",
          "node_modules/@fortawesome/fontawesome-free/scss/solid.scss",
          "node_modules/@fortawesome/fontawesome-free/scss/regular.scss",
          "node_modules/@fortawesome/fontawesome-free/scss/brands.scss",
          "node_modules/angular-bootstrap-md/scss/bootstrap/bootstrap.scss",
          "node_modules/angular-bootstrap-md/scss/mdb-free.scss",
          "src/assets/scss/styles.scss"
        ],

style.scss

    $primary: #86b519 !default;
$theme-colors: (
  "primary": #86b519,
  "lightblue": #0191ce,
  "iceblue": #e5f4fa,
  "grey": #757575,
  "header-darkblue": #326295,
  "header-lightblue": #63B0D7,
  "green": #86b519
);
$breadcrumb-bg: white;

Damian Gemza staff answered 3 years ago


Dear @Vladislav Stoitsov

Please take a look at the answer which I have added to this post. There's everything which you have to know about overwriting our variables.

Best Regards,

Damian



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.5.4
  • Device: Any
  • Browser: Any
  • OS: Any
  • Provided sample code: No
  • Provided link: No