Topic: Set Primary Color for CI Pipeline
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.
Damian Gemza staff answered 6 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,
Damian
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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