Skip to content

fix(theme): override automatic text color with classes#22475

Merged
KaelWD merged 4 commits intonextfrom
kaelwd/auto-color-override
Dec 26, 2025
Merged

fix(theme): override automatic text color with classes#22475
KaelWD merged 4 commits intonextfrom
kaelwd/auto-color-override

Conversation

@KaelWD
Copy link
Copy Markdown
Member

@KaelWD KaelWD commented Dec 25, 2025

Fixes:

  • material and theme colors cannot override styles generated for color="#26c6da" (see misc-twitter-card.vue)
  • .border-sm overrides color from .border-success (see border/card.vue)

Also allows overriding variables.theme-on-dark/light to bulk set the default automatic text colors.

<template>
  <v-app>
    <v-container>
      <v-card
        class="mx-auto text-white"
        color="#f1f1f1"
        max-width="400"
        prepend-icon="mdi-twitter"
        title="Twitter"
      />
      <v-chip
        border="success sm opacity-100"
        color="green"
        variant="text"
      >
        <v-icon icon="mdi-arrow-up" start /> 13%
      </v-chip>
    </v-container>
  </v-app>
</template>

@KaelWD KaelWD self-assigned this Dec 25, 2025
@KaelWD KaelWD added this to the v4.0.0 (Revisionist) milestone Dec 25, 2025
@KaelWD KaelWD mentioned this pull request Dec 25, 2025
24 tasks
@KaelWD KaelWD merged commit 59b11d5 into next Dec 26, 2025
16 checks passed
@KaelWD KaelWD deleted the kaelwd/auto-color-override branch December 26, 2025 05:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants