Custom theme with custom colors

your-project/
├── scss/
│   └── custom.scss
└── node modules/
    └── ng-uikit-pro-standard/
        ├── assets/
        ├── bundles/
        ├── ⋮
        └── public_api.d.ts

$primary-color:        #BADDAD;
$primary-color-dark:   darken($primary-color, 10);
$secondary-color:      #ACE007;
$secondary-color-dark: darken($secondary-color, 10);
$default-color:        #9C9C9C;
$default-color-dark:   darken($default-color, 10);

@import "~ng-uikit-pro-standard/assets/scss/core/colors";

"styles": [
    "scss/custom.scss",
    "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/ng-uikit-pro-standard/assets/scss/bootstrap/bootstrap.scss",
    "node_modules/ng-uikit-pro-standard/assets/scss/mdb.scss",
    "src/styles.scss"
 ]

Arkadiusz Idzikowski staff commented 4 years ago

What approach did you try and which color did you want to overwrite?

---

ojorge1984 commented 4 years ago

I did something almost identical to the proposed solution here. WHEN I use the btn.btn-primary, btn.btn-secondary, etc ... classes if it works correctly, but when I decide to use the mdbBtn directive, the colors revert to the default ones

---

Arkadiusz Idzikowski staff commented 4 years ago

You should always use mdbBtn directive when you use MDB Angular buttons. Styles added with directive will always have higher priority than the global styles.

---

Roman commented 3 years ago

What is the correct way to change colors when I use mdbBtn then?

---

Arkadiusz Idzikowski staff commented 3 years ago

@Roman What colors exactly do you need to change?

---