Topic: Custom skin does not work

afcon free asked 5 years ago


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">


MDBootstrap staff answered 5 years ago


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


roy.lindsay pro answered 5 years ago


the non-custom skins don't work for me either, it always defaults to the default skin



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.8.5
  • Device: pc
  • Browser: firefox
  • OS: windows 10
  • Provided sample code: Yes
  • Provided link: No