Adding a custom skin when using vue-cli


Topic: Adding a custom skin when using vue-cli

06chaynes pro premium asked 2 weeks ago

Do you have a method to add a custom skin when using the Vue version of MDB and building using vue-cli?


Magdalena Dembna staff answered 2 weeks ago

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


06chaynes pro premium answered a week ago

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?


Magdalena Dembna staff answered a week ago

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


06chaynes pro premium answered a week ago

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.


Magdalena Dembna staff commented a week ago

Regrettably, for now there is nothing I can do to make it easier. Good luck with your project. Kind regards, Magdalena


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • 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