CSS issues when upgrading to 4.22


I recently upgraded my project to Framework7 4.22, using Vue. Everything worked well except the color/color-theme properties. It’s always default (blue) not matter what I do. Then I noticed that I am getting many warnings when building , they look similar to:

WARNING in ./node_modules/framework7/css/framework7.bundle.min.css (./node_modules/css-loader??ref–4-1!./node_modules/postcss-loader/src??ref–4-2!./node_modules/framework7/css/framewor
k7.bundle.min.css) Module Warning (from ./node_modules/postcss-loader/src/index.js): Warning

(13:99947) Custom property ignored: not scoped to the top-level :root element (.aurora { ..

. --f7-list-item-text-line-height: … })

I found that that this warning can be suppressed, but is it causing the theme color not being changed?