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

node_modules/ng-uikit-pro-standard/assets/scss/_custom-variables.scss

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.