Topic: Custom skin does not work
Expected behavior Custom skin showing Actual behavior Custom skin does not show Resources (screenshots, code snippets etc.) i added red to everything to check if it works.
// Your custom skin
// Skins
$skins: () !default;
$skins: map-merge((
"cad": (
"skin-primary-color": #E3060A,
"skin-navbar": #E3060A,
"skin-footer-color": #E3060A,
"skin-flat": #E3060A,
"skin-accent": #E3060A,
"skin-sidenav-item": #E3060A,
"skin-sidenav-item-hover": #E3060A,
"skin-gradient-start": #E3060A,
"skin-gradient-end": #E3060A,
"skin-mask-slight": #E3060A,
"skin-mask-light": #E3060A,
"skin-mask-strong": #E3060A,
"skin-sn-child": #E3060A,
"skin-btn-primary": #E3060A,
"skin-btn-secondary": #E3060A,
"skin-btn-default": #E3060A,
"skin-text": #E3060A
)
), $skins);
then I added the skin name to the body (changing skin names to all the other skin names works) like this: <body class="fixed-sn cad-skin" aria-busy="true">
Hi afcon and roy,
I am sure that our custom skins and predefined skins work properly. Are you sure that you did everything according to our gulp tutorial? https://mdbootstrap.com/education/bootstrap/gulp-installation/
I need to know that you installed gulp and compiled our package with your custom skin ready and added to mdb.scss file list. After you run gulp mdb-go this tool will compile scss into mdb.css/mdb.min.css and all js modules into mdb.js and mdb.min.js packages. If that is the case you need to grant me more detail about your issue so I can help you to make this work. I personally use this tool to work with our components so just ask me anything about it.
Best Regards, Piotr
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.8.5
- Device: pc
- Browser: firefox
- OS: windows 10
- Provided sample code: No
- Provided link: No