Can't set skin

Topic: Can't set skin

rogerg93 free asked 5 years ago

I can't seem to set the custom skin to my angular application. I followed the steps described here: https://mdbootstrap.com/docs/angular/css/skins/#custom

And added the custom styles to my styles.scss file and added class="test-skin" to the body in index.html file, but I still see the old skin.

Can I even use my custom skins in free version of mdbootstrap?

Add comment

Damian Gemza staff answered 5 years ago

0 0 Best answer

Dear <a href="/profile/?id=51774" rel="nofollow">@rogerg93</a> The custom skin will work if you'll import some MDB scss files.Please define your custom skin, and after it, you have to import the below files from our MDB Angular directory.<pre class="grey lighten-3 px-3 mb-0 line-numbers language-scss"><code class="language-scss">@import "~ng-uikit-pro-standard/assets/scss/core/colors";
@import "~ng-uikit-pro-standard/assets/scss/core/variables";
@import "~ng-uikit-pro-standard/assets/scss/pro/variables";
@import "~ng-uikit-pro-standard/assets/scss/core/mixins";
@import "~ng-uikit-pro-standard/assets/scss/pro/skins";</code></pre>After creating your custom skin you have to add class="test-skin" or another skin name which have you defined to the index.html body element.If you have followed those steps, and even now custom skin is not working for you, please provide me with the code of those files: package.json, angular.json, styles.scss, index.html.Best Regards,Damian

Please insert min. 20 characters.

Dear @rogerg93

The custom skin will work if you'll import some MDB scss files.

Please define your custom skin, and after it, you have to import the below files from our MDB Angular directory.

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

After creating your custom skin you have to add class="test-skin" or another skin name which have you defined to the index.html body element.

If you have followed those steps, and even now custom skin is not working for you, please provide me with the code of those files: package.json, angular.json, styles.scss, index.html.

Best Regards,

Damian

Add comment

rogerg93 free answered 5 years ago

0 0 Best answer

Can someone please answer this. We need to know how to switch between our themes

Add comment

Arkadiusz Idzikowski staff answered 5 years ago

0 0 Best answer

Dear rogerg93,

Skins are available only in pro version.

Regards,

Arek

rogerg93 free commented 5 years ago

The ones included in the pro version yes, but what about if I want to override the colors or create my own custom skin? What should I do then? Basically what I would like is to override the default colors. There is a _custom-skin.scss file in node_modules but it's no included anywhere and also nothing happens if I change the content in it.

And and by the way I can override the variables file but this is not what I want to achieve. When using this package in my project I would like to change the theme by changing the colors in a mixin of some sort

Add comment

Write

Create snippet

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.0.0
Device: PC
Browser: Chrome
OS: Windows 10
Provided sample code: No
Provided link: No

rogerg93

15Support score
1Questions 1Answers 0Snippets