chore: color 이름 변경

GCVD-2024 · Oct 15, 2024 · 71d93bc · 71d93bc
1 parent 37c7f3a
commit 71d93bc
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 6 deletions.
diff --git a/src/pages/Work/components/mobile/MobileCategoriesSection.tsx b/src/pages/Work/components/mobile/MobileCategoriesSection.tsx
@@ -54,7 +54,7 @@ const CategoriesItem = styled.span<{ selected: boolean }>`
   line-height: 120%;
   font-style: normal;
   font-weight: 900;
-  color: ${({ theme, selected }) => (selected ? theme.colors.primary : 'white')};
+  color: ${({ theme, selected }) => (selected ? theme.colors.primaryBlue : 'white')};
 
   cursor: pointer;
 

diff --git a/src/pages/Work/components/mobile/MobileWorkInfoSection.tsx b/src/pages/Work/components/mobile/MobileWorkInfoSection.tsx
@@ -53,7 +53,7 @@ const WorkCategory = styled.span`
 
   font-size: 1.8rem;
   line-height: 120%;
-  color: ${({ theme }) => theme.colors.primary};
+  color: ${({ theme }) => theme.colors.primaryBlue};
 `;
 
 const WorkAuthorInfo = styled.div`
@@ -85,7 +85,6 @@ const InfoBodyWrapper = styled.div`
 const WorkTitle = styled.span`
   margin-bottom: 1.2rem;
 
-  font: ${({ theme }) => theme.fonts.Primary};
   font-size: 2.4rem;
   font-style: normal;
   font-weight: 900;

diff --git a/src/pages/Work/components/work/CategoriesSection.tsx b/src/pages/Work/components/work/CategoriesSection.tsx
@@ -43,12 +43,12 @@ const CategoriesWrapper = styled.section`
 `;
 
 const CategoriesItem = styled.span<{ selected: boolean }>`
-  ${({ theme }) => theme.fonts.primary};
+  ${({ theme }) => theme.fonts.primaryBlue};
   font-size: 3rem;
   font-style: normal;
   font-weight: 500;
   line-height: 120%;
-  color: ${({ theme, selected }) => (selected ? theme.colors.primary : 'white')};
+  color: ${({ theme, selected }) => (selected ? theme.colors.primaryBlue : 'white')};
 
   cursor: pointer;
 `;
diff --git a/src/pages/Work/components/workDetail/WorkInfoSection.tsx b/src/pages/Work/components/workDetail/WorkInfoSection.tsx
@@ -34,7 +34,7 @@ const WorkCategory = styled.span`
 
   font-size: 5rem;
   line-height: 120%;
-  color: ${({ theme }) => theme.colors.primary};
+  color: ${({ theme }) => theme.colors.primaryBlue};
 `;
 
 const WorkAuthorInfo = styled.div`