Nope.. and there seems to be no push to get it fixed. There is an old issue on github about it... I guess we just have to use other UI libraries for Nuxt now.. I crested my own ui thing with Radix-vue components
Working for me, but whenever i turn off the server and i turn it on again, the styles are not being applied until i make some change in the scss file. Does it happen to you too?
Thanks a lot for this tutorial. I have a problem maybe you have solved. Error pages from nuxt like 404 pages are still in light mode even if vuetify theme is in light mode, and I didn't found a config in nuxt to change that. If I remove the "css: ['vuetify/styles']" line in nuxt config error pages is now in dark mode as wanted, but all vuetify becomes horrible... Do you know how to fix that?
Yw.. for the 404 scss errors in the console, you can take a look at this thread: github.com/nuxt/nuxt/issues/15412 Someone suggested a way to get rid of the errors for now.. use a nitro plug-in to help
@@breezycodes Oh I think I was not clear. My problem concern the 404 nust default page. When we add vuetify she becames in light mode whereas without it it's in light mode, even if dark mode is selected in vuetify config. I found the origin of problem in code in file node_modules/vuetify/lib/styles/generic/_colors.scss, in code: @mixin background-color($color_value) { background-color: $color_value; !important; } @mixin text-color($color_value) { color: $color_value; !important; } @mixin background-text-color($color_name, $color_type) { $map_value: map-deep-get(colors.$text-on-colors, $color_name, $color_type); color: $map_value; !important; } if we remove the three "!important" the problem is solved. But colors can be slightly different in the app... may be we can do it better?
@gravelfun I am officially confused 😆 so the error page is in a different color mode? Did you create a custom error page? Or use the one that nuxt provide out the box? The one that nuxt provides out the box will not conform to the vuetify theme because it uses a variant of tailwindcss and the color preference module.. I think
@@breezycodes It's for the default error page. If I create a custom one I can use the vuetify theming indeed. You are right, the cause should be that thank you. I found a funny error page theme, so let's go :)
