Vuetify: [Feature Request] Option of disabling the "theme---light" classes

[crotanite]

Problem to solve

Building a completely custom theme on top of vuetify, but would like to remove the unneeded "theme--light" classes from every item. It would be nice to disable this via a prop on the main app.

Proposed solution

<v-app :dark="false" :light="false">
  ...
</v-app>

[johnleider]

Thank you for the Feature Request and interest in improving Vuetify. Unfortunately this is not functionality that we are looking to implement at this time.

If you have any additional questions, please reach out to us in our Discord community.

[dragontheory]

theme: { disable: true} doesn't get rid of the theme--light class - which assigns styles INLINE? I have my own styles to apply. How do you propose coding around this? Thanks.

[tryforceful]

Can we get an answer at least for @dragontheory's question? I have the same complaint. theme--light classes force !important styles all across the DOM, forcing me to override with !important! myself... It's not a good practice. Being able to remove theme--light would be ideal.

[Maximus1000]

Plus one, Vuetify's JS features are incredible. Its forced theming styles are a big problem for users who want to make use of other CSS utility libraries like Tailwind. The theme--light class overrides just about any attempt I make especially for dynamic content like an active radio button. Too difficult to turn it off.

[Taras-od-ua]

simple feature, but would be so useful for many. Why it's so hard to add?

[AlissonRS]

@johnleider can we get an answer? This would be very useful. I have a specific page that I want to use vuetify components, but don't want to use the theme, and disabling the theme doesn't seem to remove the inline styles, which seems to be a bug.