From 85aa5ef1b932e07ea217538240f25b3c3acc608b Mon Sep 17 00:00:00 2001
From: f0ever0 <thddndud0830@gmail.com>
Date: Thu, 19 Oct 2023 22:55:55 +0900
Subject: [PATCH] fix : change constant color

---
 src/lib/styles/colors.ts                      | 23 +++++++++----------
 .../BlogPage/components/navigation/style.ts   |  8 +++----
 2 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/src/lib/styles/colors.ts b/src/lib/styles/colors.ts
index b710de1a..8f29a143 100644
--- 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
index 5a4a1cbf..5cd43e22 100644
--- 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};
   }
 `;