Topic: Custom skin not affecting pills

David Griffiths free asked 5 years ago

Expected behavior Adding a custom skin as detailed in 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

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,


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.


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



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