[Bug Report] Explicitly defined theme color for a component reverts back on page navigation even though theme property changed

Versions and Environment

Vuetify: 2.0.0-beta.8 Vue: 2.6.10 Browsers: Vivaldi 2.7.1609.4 OS: Windows 10

Steps to reproduce

1. Run the Python script scripts/create_blog_metadata.py. The prerequisite python packages can be installed using the scripts/python-requirements.txt file.
2. Run npm run nuxt-dev
3. Open the website (localhost) in any browser.
4. Click on the change theme icon in the top nav bar. Your theme will now change from the default dark to light.
5. Click on a link (any link, say Legal in the top bav bar).
6. The top nav bar and footer will now revert back to the dark theme colors.
7. Go back to the home page. You will see that all components that have explicitly a color defined have reverted back to the default dark color.

Expected Behavior

Colors as defined under theme options stay put after navigation to a different link, even though the theme property has changed from dark to light and vice versa.

Actual Behavior

All components that have explicitly a color defined have reverted back to the default dark color.

Reproduction Link

https://github.com/manastalukdar/manastalukdar.github.io/tree/source/website

Other

• Using Nuxt.
• Using the @nuxtjs/vuetify, 1.0.0-beta.7 module.

[manastalukdar]

Just verified that this issue is fixed with PR https://github.com/vuetifyjs/vuetify/pull/8234 in latest vuetify without having to upgrade vue-meta to v2.

[kevinmarrec]

@P4sca1 Yes, at least i’m sure it’s fixing it in Nuxt with universal mode (there’s still some issues regarding SPA with VueMeta, see the PR description)