Topic: Light Theme Error
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/
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 priority commented 1 year 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 1 year 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 priority commented 1 year 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.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Priority
- 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
Arkadiusz Idzikowski staff commented 1 year ago
I just tested that on our end and it looks like the light function is working correctly. Did you import
mdb.scssfile before using the theme functions?tdespenza priority commented 1 year 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 1 year 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 priority commented 1 year ago
I assume so. I downloaded it from here.
https://mdbootstrap.com/profile/my-orders/
Arkadiusz Idzikowski staff commented 1 year 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 priority commented 1 year ago
No the download in the back office doesn't include the pro theme.
tdespenza priority commented 1 year ago
It's missing the charts package as well.