Topic: Custom skin not affecting pills

David Griffiths free asked 5 years ago


Expected behavior Adding a custom skin as detailed in https://mdbootstrap.com/docs/angular/css/skins/ should apply the skin to pills.

Actual behavior Setting pills to 'pills-primary' does not provide the pill in the primary color of my skin, but instead is the standard primary colour of rgb(66, 133, 244). However if I define in the node_modules/ng-uikit-pro-standard/assets/scss/pro/_variables.scss file then it works.

Resources (screenshots, code snippets etc.) We are using the Pro version


ais free answered 4 years ago


https://mdbootstrap.com/support/angular/custom-skin-styles-not-applied-to-nav-tabs/


Damian Gemza staff commented 4 years ago

Dear @ais

Do you need help or you're linking this ticket for someone else?


ais free commented 4 years ago

I'm having the same issue, and a partial source of the problem is mentioned in that ticket


Damian Gemza staff commented 4 years ago

Dear @ais

Please take a look at the last answer made by @Arkadiusz Idzikowski. This is our official stand, and there's no other workaround.


Damian Gemza staff answered 5 years ago


Dear @jonasdero

It seems, that you're having MDB Angular 7.x installed.

For MDB Angular 8, you should import this file like following: @import "~ng-uikit-pro-standard/assets/scss/core/msc/skins-pro";

Best Regards,

Damian


jonasdero pro answered 5 years ago


The File does not exist...

This import does not exist how should anyone import it


Arkadiusz Idzikowski staff answered 5 years ago


If you use custom skin, please add this import at the end of the import list from our 'add custom skin' section. We will update the documentation.

@import "~ng-uikit-pro-standard/assets/scss/angular/pro/skins";

David Griffiths free commented 5 years ago

Thanks very much for the quick response. That works.



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 Angular
  • MDB Version: 7.5.1
  • Device: Macbook Pro
  • Browser: Chrome
  • OS: MacOS
  • Provided sample code: No
  • Provided link: Yes