[#5] refactor: 각 theme에 defaultTheme을 spread 하는 방식으로 수정

telbby · Dec 27, 2021 · c8399a8 · c8399a8
1 parent faad7e5
commit c8399a8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 11 deletions.
diff --git a/src/components/feedback/style.ts b/src/components/feedback/style.ts
@@ -45,7 +45,7 @@ export const feedbackListItemWrapperStyle = css`
 
 export const feedbackTitleStyle = (theme: Theme): SerializedStyles => css`
   font-size: 12px;
-  color: ${theme.colorOriginPrimary};
+  color: ${theme.colorPrimary};
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

diff --git a/src/styles/theme.ts b/src/styles/theme.ts
@@ -21,7 +21,7 @@ const defaultTheme = {
 };
 
 const primaryTheme = {
-  colorOriginPrimary: defaultTheme.colorPrimary,
+  ...defaultTheme,
   colorDefault: defaultTheme.colorPrimary,
   colorReverse: defaultTheme.colorBg,
   colorGray: defaultTheme.colorGray4,
@@ -31,13 +31,10 @@ const primaryTheme = {
   colorBottomWrapper: defaultTheme.colorSubLight,
   colorBottomText: defaultTheme.colorBrown,
   colorBottomButton: defaultTheme.colorPrimary,
-
-  fontBasic: defaultTheme.fontBasic,
-  fontCoding: defaultTheme.fontCoding,
-  fontCodingBold: defaultTheme.fontCodingBold,
+  colorChatText: defaultTheme.colorGray1,
 };
 const subTheme = {
-  colorOriginPrimary: defaultTheme.colorPrimary,
+  ...defaultTheme,
   colorDefault: defaultTheme.colorPrimaryLight,
   colorReverse: defaultTheme.colorPrimary,
   colorGray: defaultTheme.colorGray1,
@@ -47,10 +44,7 @@ const subTheme = {
   colorBottomWrapper: defaultTheme.colorPrimary,
   colorBottomText: defaultTheme.colorWhite,
   colorBottomButton: defaultTheme.colorSubLight,
-
-  fontBasic: defaultTheme.fontBasic,
-  fontCoding: defaultTheme.fontCoding,
-  fontCodingBold: defaultTheme.fontCodingBold,
+  colorChatText: defaultTheme.colorWhite,
 };
 
 export default defaultTheme;