How to use customized skins on 4.5.1?

Topic: How to use customized skins on 4.5.1?

newtongamajr pro asked 7 years ago

I didn't find how to use this new feature implemented on 4.5.1. Could you please, give me some help?

Add comment

Marta Szymanska staff pro premium answered 7 years ago

Hi, This functionality will be improved in the next release which will be in May and we describe it in our documentation of skins but for now, I can tell you a few steps to do it. You need to use SCSS files to create your own skin.

In your package, in SCSS folder, you can see _custom.scss file, so create another file in the same place, eg. _custom-skin.scss.
Next, in the mdb.scss file, import your new file like on the second screen.
In your _custom-skin.scss file, add an object with colors and change "test" for your name and values of colors. Save the file and recompile.
Add your new skin to the body tag in your index.html file and save the file. After that, you should see your own skin.