Skip to content

[Bug Report][3.9.2] bg-customTheme color blocks text-color in v-container #21787

@gholohan

Description

@gholohan

Environment

Vuetify Version: 3.9.2
Vue Version: 3.5.13
Browsers: Chrome 138.0.0.0
OS: Windows 10

Steps to reproduce

  1. Create a custom theme colour in vuetify.js: e.g. named customThemeColor
  2. Add a v-container with a class="bg-customThemeColor text-white". The text-white (or any text-color) is ignored when there is a valid bg-color that comes from the theme.

Expected Behavior

The v-container class should honor both the bg- and text- classes

Actual Behavior

If there is a valid bg-customColor in the class, then the text-Color is ignored and rendered in black.

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

See Discord question

Metadata

Metadata

Assignees

Labels

CSS specificityDifferent CSS on dev and productionE: themeTheme composableT: enhancementFunctionality that enhances existing features

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions