Topic: Adding a custom skin when using vue-cli
Do you have a method to add a custom skin when using the Vue version of MDB and building using vue-cli?
Hi, Essentially, our skins are css classes attached to App's body. https://mdbootstrap.com/docs/vue/css/skins/ So if you want to apply your own custom skin you could do it the same way. Kind regards, Magdalena
Sorry, think there's been a misunderstanding. I'm trying to add a new skin, but to do so right now you have to edit the _custom_skins.scss file. Problem is I'm pulling the project in with npm, so I don't want to override the file in node_modules. Is there another way to achieve this?
Hi, I think that the only way would be to copy scss files into your project's directory and manipulate them from this level. Kind regards, Magdalena
Yeah, I'm building the scss now. Unfortunately the path variables are using the old '../path/' relative path links rather than utilizing '~/path', so some tweaks are needed to accomplish this. Hopefully maintaining it across the updates won't be a headache. Thank you.
- User: Pro
- Premium support: Yes
- Technology: Vue
- MDB Version: 5.1.1
- Device: MacBook Pro
- Browser: Chrome 73.0.3683.75
- OS: macOS 10.14.3
- Provided sample code: No
- Provided link: No