Environment
Vuetify Version: 4.1.5
Vue Version: 3.5.39
OS: macOS 10.15.7 (current)
Steps to reproduce
- Set the app theme to light.
- Add a tooltip with content that uses a themed color class.
- Open the tooltip.
Expected Behavior
The tooltip's background is inverted (dark), so its content should be scoped to the dark theme, and text-primary should resolve to the dark theme's primary value β correctly contrasting with the tooltip's actual background.
Actual Behavior
The tooltip content inherits the app's v-theme--light class. text-primary resolves to the light theme's primary color, which was tuned for a light background, giving poor contrast against the tooltip's actual (dark, inverted) background.
Reproduction Link
https://play.vuetifyjs.com/#...
Images

Environment
Vuetify Version: 4.1.5
Vue Version: 3.5.39
OS: macOS 10.15.7 (current)
Steps to reproduce
Expected Behavior
The tooltip's background is inverted (dark), so its content should be scoped to the dark theme, and text-primary should resolve to the dark theme's primary value β correctly contrasting with the tooltip's actual background.
Actual Behavior
The tooltip content inherits the app's v-theme--light class. text-primary resolves to the light theme's primary color, which was tuned for a light background, giving poor contrast against the tooltip's actual (dark, inverted) background.
Reproduction Link
https://play.vuetifyjs.com/#...
Images