fix(theme): updated Avatar fallback bg color

yamada-ui · Dec 26, 2023 · c382711 · c382711
1 parent 811d88b
commit c382711
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/.changeset/bright-pianos-perform.md b/.changeset/bright-pianos-perform.md
@@ -0,0 +1,5 @@
+---
+"@yamada-ui/theme": patch
+---
+
+Updated fallback background color of `Avatar`.
diff --git a/packages/theme/src/components/avatar.ts b/packages/theme/src/components/avatar.ts
@@ -1,11 +1,13 @@
-import type { ComponentMultiStyle } from "@yamada-ui/core"
+import { mode, type ComponentMultiStyle } from "@yamada-ui/core"
 import { getMemoizedObject as get, isDark, randomColor } from "@yamada-ui/utils"
 
 export const Avatar: ComponentMultiStyle = {
   baseStyle: {
     group: {},
     container: ({ theme: t, colorMode: m, name: string }) => {
-      const bg = string ? randomColor({ string }) : "blackAlpha.600"
+      const bg = string
+        ? randomColor({ string })
+        : mode("gray.200", "gray.500")(m)
 
       return {
         bg,