Skip to content

fix(VAvatar): update background variable to use RGB format #22310

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
J-Sek merged 1 commit into from
Nov 10, 2025
Merged

fix(VAvatar): update background variable to use RGB format #22310

J-Sek merged 1 commit into from
Nov 10, 2025

Conversation

@juanjcardona13
Copy link
Contributor

@juanjcardona13 juanjcardona13 commented Nov 10, 2025

Description

  • What: Set the default $avatar-background to rgb(var(--v-theme-surface)).
  • Why: Aligns VAvatar with Vuetify’s RGB theme variable format for consistency with other components and base styles.
  • Impact: No breaking changes; standardizes the variable format.
  • Files: packages/vuetify/src/components/VAvatar/_variables.scss

Markup:

<template>
  <VContainer class="bg-success">
    <VAvatar variant="elevated">JJ</VAvatar>
    <VAvatar variant="flat">JJ</VAvatar>
  </VContainer>
</template>

@J-Sek J-Sek merged commit 4c5a4d8 into vuetifyjs:master Nov 10, 2025
10 checks passed
Rhilip added a commit to pt-plugins/PT-depiler that referenced this pull request Nov 15, 2025
@Rhilip
fix(vuetify): make ptdIcon in contentScript transparent
04d56bd 
vuetify 3.10.10 update background variable for VAvatar, it makes our ptdIcon in contentScript has white color for transparent png image.
so, we should overwrite it by color attr.

refs: vuetifyjs/vuetify#22310
pgalhardo pushed a commit to pgalhardo/vuetify that referenced this pull request Nov 23, 2025
@juanjcardona13 @pgalhardo
fix(VAvatar): correct value for default background (vuetifyjs#22310)
dc4926e
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@J-Sek J-Sek J-Sek approved these changes

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@juanjcardona13 @J-Sek