Topic: Theme is not working when moving from mdb-pro-3.0.3 to mdb-pro-6.7.3

zinzem premium asked 3 months ago


Hi, I have an app where this was working, the app was using the following dependency in package.json:

"dependencies": {
... 
"mdb-vue-ui-kit": "./mdb/mdb-vue-ui-kit-3.0.1.tgz",
...
}

Here is how I used to setup my theme:

<style lang="scss">
@import "mdb-vue-ui-kit/src/scss/index.pro.scss";

$aimm-theme-primary: #1266f1;
$aimm-theme-secondary: #69f0ae;
$aimm-theme-theme: mdb-light-theme($aimm-theme-primary, $aimm-theme-secondary);

@include mdb-theme($aimm-theme-theme);
</style>

I tried upgrading to 6.7.3, but now "mdb-vue-ui-kit/src/scss/index.pro.scss" doesnt exist anymore. I tried to change it to "mdb-vue-ui-kit/lib/scss/mdb-pro.scss", but then "mdb-light-theme" and "mdb-theme" cannot be found.

What else should I update to complete migration to 6.7.3?


Bartosz Cylwik staff answered 3 months ago


Hi! If I'm seeing correctly, you are using the MDB5 Vue 3.0.1 version. The newest MDB5 version (mdb-vue-ui-kit) is 4.1.1.

The 6.7.3 version refers to the MDB4 Vue, which is the older version of our UI KIT written in vue 2.

Migration from MDB5 to MDB4 (downgrade) will cause a lot of issues and I do not recommand doing this.

Link to the MDB5 Vue Changelog: https://mdbootstrap.com/docs/vue/getting-started/changelog/

Best Regards!


zinzem premium commented 3 months ago

Hi Bartoz, thanks for clarifying. Why is the old version the only one I'm able to download from "My Orders"?


Bartosz Cylwik staff commented 3 months ago

Looks like your subscription has been refunded. If you think this is a mistake, please contact us at: contact@mdbootstrap.com and we will find out what is happening.



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

  • ForumUser: Premium
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: MDB4 6.7.3
  • Device: macbook
  • Browser: Chrome
  • OS: Mac
  • Provided sample code: No
  • Provided link: No
Tags