[Bug Report] Navigation-drawer background color change

Environment

Vuetify Version: 2.2.22 Vue Version: 2.6.11 Browsers: Firefox 75.0 OS: Windows 10

Steps to reproduce

Unfortunatly I can’t reproduce the bug on codepen. It’s work on dev build with npm run serve, but doesn’t work on production build with npm run build.

Expected Behavior

Navigation drawer with a grey background

Actual Behavior

Navigation drawer with a black background

Reproduction Link

https://codepen.io/Noreu/pen/RwWGmbR

Other comments

In production the .theme–dark.v-sheet background-color style override the .v-navigation-drawer .v-list background style and apply the the #1e1e1e color in place of inherit attribute.

I have some [mini-css-extract-plugins] error when I run build, for example :

chunk chunk-88ba3232 [mini-css-extract-plugin] Conflicting order. Following module has been added:

• css ./node_modules/css-loader/dist/cjs.js??ref–9-oneOf-3-1!./node_modules/postcss-loader/src??ref–9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref–9-oneOf-3-3!./node_modules/vuetify/src/components/VSheet/VSheet.sass despite it was not able to fulfill desired ordering with these modules:
• css ./node_modules/css-loader/dist/cjs.js??ref–9-oneOf-3-1!./node_modules/postcss-loader/src??ref–9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref–9-oneOf-3-3!./node_modules/vuetify/src/directives/ripple/VRipple.sass
  • couldn’t fulfill desired order of chunk group(s) , :
  • while fulfilling desired order of chunk group(s) , , , , , ,
• css ./node_modules/css-loader/dist/cjs.js??ref–9-oneOf-3-1!./node_modules/postcss-loader/src??ref–9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref–9-oneOf-3-3!./node_modules/vuetify/src/components/VProgressLinear/VProgressLinear.sass
  • couldn’t fulfill desired order of chunk group(s) ,
  • while fulfilling desired order of chunk group(s) , , , , , ,
• css ./node_modules/css-loader/dist/cjs.js??ref–9-oneOf-3-1!./node_modules/postcss-loader/src??ref–9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref–9-oneOf-3-3!./node_modules/vuetify/src/components/VCard/VCard.sass
  • couldn’t fulfill desired order of chunk group(s) ,
  • while fulfilling desired order of chunk group(s) , , , , , ,

I’m not comfortable with webpack but I view a tip wich tell to add the code above in vue.config.js :

css: {
    extract: {
      ignoreOrder: true
    },
  },

Warnings disapears but that don’t resolve the problem.

Thanks for the help !

[yesworld]

I faced the same problem… (

[johnleider]

fixed in baeb8a692