Light Theme Error


Topic: Light Theme Error

tdespenza pro premium priority asked 2 years ago

To be able to create a light theme

Error because the light theme sass function has been removed

This line throws an error because the light theme function doesn't exists.

$bank-light-theme: mdb-light-theme(#0D6EFDFF, #FFFFFFFF); 

Am I missing something in the documentation here?

https://mdbootstrap.com/docs/angular/content-styles/theme/


Arkadiusz Idzikowski staff commented 2 years ago

I just tested that on our end and it looks like the light function is working correctly. Did you import mdb.scss file before using the theme functions?


tdespenza pro premium priority commented 2 years ago

Thanks for the response. Here's what I have.

@import "node_modules/mdb-angular-ui-kit/assets/scss/mdb";

$input-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

$bank-light-theme: mdb-light-theme(#0D6EFDFF, #FFFFFFFF); // create the new light theme using primary and secondary colors

//include theme styles

@include mdb-theme($bank-light-theme);


Arkadiusz Idzikowski staff commented 2 years ago

It looks like the code you use is correct. Can you confirm that you installed a pro version of mdb-angular-ui-kit? Do you have access to the pro components in this application?

Here is a guide explaining how to install and configure a pro version: https://mdbootstrap.com/docs/angular/pro/installation/


tdespenza pro premium priority commented 2 years ago

I assume so. I downloaded it from here.

https://mdbootstrap.com/profile/my-orders/


Arkadiusz Idzikowski staff commented 2 years ago

What is the name of the zip package that you downloaded from the orders page?

Can you check if the theming files are available in the library files that you installed? You should be able to find these files in this folder: node_modules/mdb-angular-ui-kit/assets/scss/pro/theme/

I just made some additional tests using your code but I could not find any problem with theme styles on our end. It looks like there is a problem with MDB configuration or version in your app.


tdespenza pro premium priority commented 2 years ago

No the download in the back office doesn't include the pro theme.


tdespenza pro premium priority commented 2 years ago

It's missing the charts package as well.


Arkadiusz Idzikowski staff answered 2 years ago

It looks like you installed the MDB Angular Free version. To use theme styles and pro components you need to download MDB Angular Essential (or Advanced) package.


tdespenza pro premium priority commented 2 years ago

Yep. That's what I downloaded in the back office. II just downloaded MDB Angular Advanced again and got the same result. I don't think my back office is including the correct file.


Arkadiusz Idzikowski staff commented 2 years ago

I tested your code in MDB Angular Advanced package v4.0.0 and could not reproduce this problem.

If you use the same version and this error still occurs we would need some more information about your app configuration. It looks like there is no bug in the MDB Angular library files.


tdespenza pro premium priority commented 2 years ago

I see it now when I manual unarchive the file. Seems like an issue with node. Thanks for your help. I should be able to take it from here.


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: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 4.0.0
  • Device: MacbookPro
  • Browser: Firefox
  • OS: MacOS
  • Provided sample code: No
  • Provided link: Yes