🐛Fix: Typo color 로직

prgrms-web-devcourse-final-project · Nov 21, 2024 · b507f59 · b507f59
1 parent b2e6e26
commit b507f59
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/components/Typo/index.ts b/src/components/Typo/index.ts
@@ -1,12 +1,16 @@
-import { FontWeight, GrayscaleColors, styled } from 'styled-components'
+import { BrandColors, FontWeight, GrayscaleColors, styled } from 'styled-components'
 
 type TypoProps = {
-  color?: keyof GrayscaleColors
+  color?: keyof GrayscaleColors | keyof BrandColors
   weight?: FontWeight
 }
 
 const Typo = styled.p<TypoProps>`
-  color: ${({ color }) => (color ? color : 'inherit')};
+  color: ${({ theme, color }) =>
+    theme.colors.grayscale[color as keyof GrayscaleColors] ||
+    theme.colors.brand[color as keyof BrandColors] ||
+    'inherit'};
+
   font-weight: ${({ weight }) => (weight ? weight : 400)};
 `