From 7a6552b4f74275535228341ba5ca597a6b0ea733 Mon Sep 17 00:00:00 2001 From: Rob Di Marco Date: Mon, 26 Jan 2026 16:19:27 -0500 Subject: [PATCH] fix: Remove default background color from AvatarFallback Remove bg-muted and text-foreground default classes from AvatarFallback to allow custom colors to be applied without conflicts. Problem: When passing custom background colors via className (e.g., bg-indigo-500 text-white), the default bg-muted class was creating conflicts. Even though tailwind-merge should handle this, having default background colors on a component that is designed to accept custom colors leads to confusion. Solution: Remove bg-muted and text-foreground from default classes. Components using AvatarFallback should always provide their own background and text colors via className prop. Breaking change: Yes - AvatarFallback will no longer have a default background. All usage sites must provide className with background color. Affected components: - AvatarGroup/AvatarGroupItem already passes className with colors - Any other usage will need to add bg-muted explicitly if desired --- src/components/Avatar/Avatar.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Avatar/Avatar.tsx b/src/components/Avatar/Avatar.tsx index 9ae5cef..8880968 100644 --- a/src/components/Avatar/Avatar.tsx +++ b/src/components/Avatar/Avatar.tsx @@ -53,7 +53,7 @@ const AvatarFallback = React.forwardRef<