fix : change constant color

sopt-makers · Oct 19, 2023 · 85aa5ef · 85aa5ef
1 parent babab4f
commit 85aa5ef
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 16 deletions.
diff --git a/src/lib/styles/colors.ts b/src/lib/styles/colors.ts
@@ -8,18 +8,17 @@ export const colors = {
   white: '#FFFFFF',
   black: '#000000',
 
-  gray10: '#F0F0F0',
-  gray30: '#E4E4E5',
-  gray40: '#C0C5C9',
-  gray50: '#C3C3C6',
-  gray100: '#9D9DA4',
-  gray200: '#808087',
-  gray300: '#66666D',
-  gray400: '#515159',
-  gray500: '#3F3F47',
-  gray600: '#2E2E35',
-  gray700: '#202025',
-  gray800: '#17171C',
+  gray10: '#FCFCFC',
+  gray30: '#F0F0F0',
+  gray50: '#E4E4E5',
+  gray100: '#C3C3C6',
+  gray200: '#9D9DA4',
+  gray300: '#808087',
+  gray400: '#66666D',
+  gray500: '#515159',
+  gray600: '#3F3F47',
+  gray700: '#2E2E35',
+  gray800: '#202025',
   gray900: '#0F0F12',
 
   blue50: '#C8E1FF',

diff --git a/src/views/BlogPage/components/navigation/style.ts b/src/views/BlogPage/components/navigation/style.ts
@@ -54,11 +54,11 @@ export const TabTitle = styled.article<MenuTitleProps>`
   font-weight: 700;
   letter-spacing: -0.48px;
 
-  color: ${({ isSelected }) => (isSelected ? `${colors.gray10}` : `${colors.gray300}`)};
+  color: ${({ isSelected }) => (isSelected ? `${colors.gray30}` : `${colors.gray400}`)};
 
   cursor: pointer;
   position: relative;
-  border-bottom: ${({ isSelected }) => isSelected && `2px solid ${colors.gray40}`};
+  border-bottom: ${({ isSelected }) => isSelected && `2px solid ${colors.gray200}`};
 
   padding-bottom: 16px;
   margin-right: 20px;
@@ -77,7 +77,7 @@ export const TabDescription = styled.h1`
   font-weight: 600;
   line-height: 30px;
   letter-spacing: -0.4px;
-  color: ${colors.gray50};
+  color: ${colors.gray100};
   width: 100%;
 
   /* 모바일 뷰 */
@@ -97,6 +97,6 @@ export const TabDescription = styled.h1`
     font-weight: 500;
     line-height: 23.1px;
     letter-spacing: -0.21px;
-    color: ${colors.gray10};
+    color: ${colors.gray30};
   }
 `;