Topic: Change validation color
Expected behavior I want a setup where I can override colors in bootstrapmd, concretely I wanted to override $form-feedback-valid-color as I do not want these to become green.
I updated my use statement like this:
@use 'mdb-ui-kit/src/mdb/scss/mdb.pro.scss' as * with (
$form-feedback-valid-color: #808080
);
Actual behavior Nothing happens, it is still green after recompiling and I get no errors.
What is the best way of overriding variables?
I am using this standard with parcel and npm (pro version)
If you build your styles importing MDB from npm than you can overwrite this style in your scss file.
You need to place new value for scss variable BEFORE mdb import for this to work.
You should overwrite default variable value in src/scss/custom/_variables.scss.
It should look like this: $form-feedback-valid-color: #808080
arkon priority commented 14 hours ago
But I am installing this using npm, I cannot modify files in the node_modules folder, I need to have the customizations in the project?
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Priority
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 8.2.0
- Device: mac
- Browser: edge
- OS: macOS
- Provided sample code: No
- Provided link: No