Custom skin not affecting pills


Topic: Custom skin not affecting pills

David Griffiths asked 3 months 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


Arkadiusz Idzikowski staff answered 3 months 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 commented 3 months ago

Thanks very much for the quick response. That works.


jonasdero pro answered 2 months ago

The File does not exist...

This import does not exist how should anyone import it


Damian Gemza staff answered 2 months 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


ais pro premium answered 2 months ago

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


Damian Gemza staff commented 2 months ago

Dear @ais

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


ais pro premium commented 2 months ago

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


Damian Gemza staff commented 2 months 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.


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: Angular
  • MDB Version: 7.5.1
  • Device: Macbook Pro
  • Browser: Chrome
  • OS: MacOS
  • Provided sample code: No
  • Provided link: Yes
Tags