refactor: text-shadow 변수 적용

boostcampwm2023 · Dec 5, 2023 · 484514f · 484514f
1 parent c799b26
commit 484514f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/front/src/components/Msg/ListMsg.tsx b/front/src/components/Msg/ListMsg.tsx
@@ -18,7 +18,7 @@ const StyledLetterBox = styled.div<MsgColor>`
   display: flex;
   align-self: center;
   font: ${props => props.theme.font['--normal-introduce-font']};
-  text-shadow: -1px 0px black, 0px 1px black, 1px 0px black, 0px -1px black;
+  text-shadow: ${props => props.theme.font['--text-shadow']};
   flex-direction: column;
   border-radius: 1rem;
   padding: 1.5rem;
@@ -60,7 +60,7 @@ const StyledFromInput = styled.input`
   border: none;
   background-color: transparent;
   color: ${props => props.theme.colors['--nick-name']};
-  text-shadow: -1px 0px black, 0px 1px black, 1px 0px black, 0px -1px black;
+  text-shadow: ${props => props.theme.font['--text-shadow']};
   font-size: 1rem;
   font-weight: 700;
   pointer-events: stroke;

diff --git a/front/src/components/Msg/Msg.tsx b/front/src/components/Msg/Msg.tsx
@@ -19,7 +19,7 @@ const StyledLetterBox = styled.div<MsgColor>`
   display: flex;
   align-self: center;
   font: ${props => props.theme.font['--normal-introduce-font']};
-  text-shadow: -1px 0px black, 0px 1px black, 1px 0px black, 0px -1px black;
+  text-shadow: ${props => props.theme.font['--text-shadow']};
   flex-direction: column;
   border-radius: 1rem;
   padding: 1.5rem;
@@ -100,7 +100,7 @@ const StyledFromInput = styled.input`
   border: none;
   background-color: transparent;
   color: ${props => props.theme.colors['--nick-name']};
-  text-shadow: -1px 0px black, 0px 1px black, 1px 0px black, 0px -1px black;
+  text-shadow: ${props => props.theme.font['--text-shadow']};
   font-size: 1rem;
   font-weight: 700;
   pointer-events: stroke;