Skin Import not working + Custom Skin not working


Topic: Skin Import not working + Custom Skin not working

jonasdero pro asked 5 years ago

Expected behavior: Skin working

Actual behavior Sking not working

Resources (screenshots, code snippets etc.)

I am using this from the example and then the class="test-skin" in my index.html body element and not getting any results. Additionally the import for

@import "../node_modules/ng-uikit-pro-standard/assets/scss/pro/variables";
@import "../node_modules/ng-uikit-pro-standard/assets/scss/pro/skins";

Are not working for me

$skins: () !default;
$skins: map-merge(
  (
    "test": (
      "skin-primary-color": black,
      "skin-navbar": #fff,
      "skin-footer-color": #fff,
      "skin-accent": #fff,
      "skin-flat": #fff,
      "skin-sidenav-item": #fff,
      "skin-sidenav-item-hover": #fff,
      "skin-gradient-start": #fff,
      "skin-gradient-end": #fff,
      "skin-mask-slight": #fff,
      "skin-mask-light": #fff,
      "skin-mask-strong": #fff,
      "skin-sn-child": #fff,
      "skin-btn-primary": black,
      "skin-btn-secondary": #fff,
      "skin-btn-default": #fff,
      "skin-text": #fff
    )
  ),
  $skins
);

@import "../node_modules/ng-uikit-pro-standard/assets/scss/core/colors";
@import "../node_modules/ng-uikit-pro-standard/assets/scss/core/variables";
@import "../node_modules/ng-uikit-pro-standard/assets/scss/pro/variables";
@import "../node_modules/ng-uikit-pro-standard/assets/scss/core/mixins";
@import "../node_modules/ng-uikit-pro-standard/assets/scss/pro/skins";

Damian Gemza staff answered 5 years ago

Dear @jonasdero

You can find every answer here.

Best Regards,

Damian


jonasdero pro answered 5 years ago

Thanks for your great support but that doesnt summon the 2 missing files


Arkadiusz Idzikowski staff commented 5 years ago

Did you follow our migration guide and updated MDB and Angular version to 8?

https://mdbootstrap.com/docs/angular/getting-started/migration/


jonasdero pro commented 5 years ago

Yes I initialized a new project with Version 8


Damian Gemza staff commented 5 years ago

@jonasdero

Which files are you missing in this ticket? https://mdbootstrap.com/support/angular/mdb-8-skin-not-working/

My solution works perfectly both for custom & predefined skins.


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
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.0.0
  • Device: *
  • Browser: Chrome
  • OS: Window
  • Provided sample code: No
  • Provided link: No
Tags