Topic: Set Primary Color for CI Pipeline

Ritten pro asked 3 years ago

Expected behavior I need to overwrite $primary-color, however i don't want to do this in the node directory:


Doing it in this folder will not work with the CI pipeline. I don't want to push the node_modules directory to the GIT repo. I know with theming i can:

$skins: () !default;
$skins: map-merge((
        "mytheme": (
                "skin-primary-color":      #ffffff,
                "primary-color":              #ffffff
), $skins);

however this only works for the few predefined variables. There are a lot of other variables that i need to override, like $primary-color. A simple example is the date picker. I want to change the background color. I know can do:

@each $skin,
$data in $skins {
  .#{$skin}-skin {

    .picker {
      &__date-display {
        background-color: #fffffff;
      &__weekday-display {
        background-color: #ffffff;

however this seems like overkill as i will want to keep things uniform. So primary color would be the same everywhere.

Actual behavior

A way to set primary color.

Please let me know if there is a better way to do this.

Damian Gemza staff answered 3 years ago

Dear @Ritten

Please take a look at this topic. There I described, how you should overwrite one of our built-in scss variables.

Best Regards,


Please insert min. 20 characters.


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



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.5.0
  • Device: PC
  • Browser: Chrome
  • OS: Mac
  • Provided sample code: No
  • Provided link: No