Design/#16: 디자인 시스템 수정사항 반영

SOPT-all · Jan 13, 2025 · a798041 · a798041
1 parent 6c14ce8
commit a798041
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 7 deletions.
diff --git a/src/components/common/modal/component/ModalBtns.tsx b/src/components/common/modal/component/ModalBtns.tsx
@@ -28,7 +28,7 @@ const SingleBtn = ({ singleBtnContent, handleClose }: ModalBtnsProps) => {
 export { DobbleBtns, SingleBtn };
 
 const Button = styled.button`
-  ${({ theme }) => theme.fonts.body_16_b};
+  ${({ theme }) => theme.fonts.body_16_b_1};
   display: flex;
   align-items: center;
   justify-content: center;
@@ -50,8 +50,8 @@ const S = {
 
     color: ${({ theme, $isPrimary }) => ($isPrimary ? theme.colors.white1 : theme.colors.black)};
 
-    background: ${({ theme, $isPrimary }) => ($isPrimary ? theme.colors.iris1 : theme.colors.gray4)};
-    border: 1px solid ${({ theme }) => theme.colors.gray3};
+    background: ${({ theme, $isPrimary }) => ($isPrimary ? theme.colors.iris1 : theme.colors.gray6)};
+    border: 1px solid ${({ theme }) => theme.colors.gray4};
     border-top: none;
     border-bottom: none;
     border-bottom-right-radius: ${({ order }) => (order ? '2rem' : '0')};

diff --git a/src/components/common/modal/component/ModalWrapper.tsx b/src/components/common/modal/component/ModalWrapper.tsx
@@ -49,7 +49,7 @@ const S = {
 
     background: ${({ theme }) => theme.colors.white1};
     box-shadow: 0 0 12px 0 ${({ theme }) => theme.colors.shadow1};
-    border: 1px solid ${({ theme }) => theme.colors.gray3};
+    border: 1px solid ${({ theme }) => theme.colors.gray4};
     border-radius: 2rem;
   `,
 };
diff --git a/src/styles/theme.ts b/src/styles/theme.ts
@@ -15,8 +15,10 @@ const colors = {
   black_toast: ' rgba(33, 33, 33, 0.40)',
   gray1: '#565959',
   gray2: '#848688',
-  gray3: '#CCCCCC',
-  gray4: '#F0F2F2',
+  gray3: '#ACACAC',
+  gray4: '#CCCCCC',
+  gray5: '#EBEBEB',
+  gray6: '#F0F2F2',
   shadow1: 'rgba(211, 211, 211, 0.63)',
 };
 
@@ -66,11 +68,16 @@ const fonts = {
     font-family: 'AppleSDGothicNeoR00', sans-serif;
     line-height: 4rem;
   `,
-  body_16_b: css`
+  body_16_b_1: css`
     font-size: 1.6rem;
     font-family: 'AppleSDGothicNeoB00', sans-serif;
     line-height: 3.2rem;
   `,
+  body_16_b_2: css`
+    font-size: 1.6rem;
+    font-family: 'AppleSDGothicNeoB00', sans-serif;
+    line-height: 2rem;
+  `,
   body_16_m: css`
     font-size: 1.6rem;
     font-family: 'AppleSDGothicNeoB00', sans-serif;