Skip to content

[Bug Report][4.1.5] v-tooltip inverts background color but not theme context, causing incorrect contrast for theme-dependent content insideΒ #23013

Description

@pgalhardo

Environment

Vuetify Version: 4.1.5
Vue Version: 3.5.39
OS: macOS 10.15.7 (current)

Steps to reproduce

  1. Set the app theme to light.
  2. Add a tooltip with content that uses a themed color class.
  3. 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

https://cdn.cosmicjs.com/cc8a5020-8033-11f1-b13e-d7440d4918ee-Screenshot-2026-07-15-at-10-58-35.png

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions