From 6bd7a0e3c206065999397fb1264042aa1cb43f5c Mon Sep 17 00:00:00 2001
From: unix <unix.bio@gmail.com>
Date: Sat, 4 Apr 2020 13:26:27 +0800
Subject: [PATCH] fix(badge): fix the foregroud color is covered in dark mode

---
 components/badge/badge.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/badge/badge.tsx b/components/badge/badge.tsx
index 1421629..a3e2d4f 100644
--- a/components/badge/badge.tsx
+++ b/components/badge/badge.tsx
@@ -46,6 +46,10 @@ const Badge: React.FC<React.PropsWithChildren<BadgeProps>> = React.memo(({
   const theme = useTheme()
   const bg = useMemo(() => getBgColor(type, theme.palette), [type, theme.palette])
   const font = useMemo(() => getFontSize(size), [size])
+  const color = useMemo(() => {
+    if (!type || type === 'default') return theme.palette.background
+    return 'white'
+  }, [type, theme.palette.background])
   
   return (
     <span className={className} {...props}>
@@ -59,7 +63,7 @@ const Badge: React.FC<React.PropsWithChildren<BadgeProps>> = React.memo(({
           line-height: 1;
           vertical-align: middle;
           background-color: ${bg};
-          color: white;
+          color: ${color};
           font-size: ${font};
           border: 0;
         }