🐛 fix: Fix Avatar

Author: canisminor1990

src/Avatar/style.ts

@@ -7,7 +7,7 @@ export const useStyles = createStyles(
     { background, size, isEmoji }: { background?: string; isEmoji?: boolean; size: number },
   ) => {
     const backgroundColor = background ?? token.colorBgContainer;
-    const color = readableColor(backgroundColor);
+    const color = backgroundColor ? readableColor(backgroundColor) : token.colorText;
 
     return {
       avatar: css`

src/ColorSwatches/index.tsx

@@ -66,7 +66,7 @@ const ColorSwatches = memo<ColorSwatchesProps>(
               <Tooltip key={c.label} title={c.label}>
                 <Center
                   className={cx(styles.container, isActive && styles.active)}
-                  onClick={() => setActive(c.color)}
+                  onClick={() => setActive(c.color || undefined)}
                   style={{
                     background: color,
                     borderRadius: shape === 'circle' ? '50%' : theme.borderRadius,