From 9f2dab1736350b6a9b3dc0912aa0d36efbf9a487 Mon Sep 17 00:00:00 2001
From: hyesung oh <haesungoh414@gmail.com>
Date: Fri, 21 Apr 2023 07:26:54 +0900
Subject: [PATCH] Update resume and kbar elements color (#138)

* style: resume title tooltip icon color

* style: kbar elements color
---
 apps/resume/src/components/TitleTooltip/TitleTooltip.tsx | 4 ++--
 packages/core/components/Kbar/Result.tsx                 | 6 +++---
 packages/core/components/Kbar/Search.tsx                 | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/resume/src/components/TitleTooltip/TitleTooltip.tsx b/apps/resume/src/components/TitleTooltip/TitleTooltip.tsx
index 8f95ec64..c4af6b19 100644
--- a/apps/resume/src/components/TitleTooltip/TitleTooltip.tsx
+++ b/apps/resume/src/components/TitleTooltip/TitleTooltip.tsx
@@ -39,12 +39,12 @@ function TooltipContent({ githubLink, otherLink }: TooltipProps) {
     <Div>
       {githubLink && (
         <a href={githubLink} rel="noreferrer" target="_blank">
-          <Button auto light icon={<Icon name="GithubLine" fill={theme.colors.accents4.value} />} />
+          <Button auto light icon={<Icon name="GithubLine" fill={theme.colors.accents6.value} />} />
         </a>
       )}
       {otherLink && (
         <a href={otherLink} rel="noreferrer" target="_blank">
-          <Button auto light icon={<Icon name="Link" fill={theme.colors.accents4.value} />} />
+          <Button auto light icon={<Icon name="Link" fill={theme.colors.accents6.value} />} />
         </a>
       )}
     </Div>
diff --git a/packages/core/components/Kbar/Result.tsx b/packages/core/components/Kbar/Result.tsx
index db929c61..def8a832 100644
--- a/packages/core/components/Kbar/Result.tsx
+++ b/packages/core/components/Kbar/Result.tsx
@@ -19,7 +19,7 @@ export function KBarResult() {
             {item.icon && (
               <Icon
                 name={item.icon as IconNameType}
-                fill={active ? theme?.colors.primary.value : theme?.colors.accents4.value}
+                fill={active ? theme?.colors.primary.value : theme?.colors.accents6.value}
                 style={{ transition: 'fill 0.3s', marginRight: '12px', flexShrink: '0' }}
               />
             )}
@@ -41,7 +41,7 @@ const B = styled.b<{ theme: NextUITheme | undefined }>`
   flex-direction: column;
   align-items: flex-start;
   font-size: 12px;
-  color: ${({ theme }) => theme.colors.accents4.value};
+  color: ${({ theme }) => theme.colors.accents6.value};
   padding: 4px 16px;
 `;
 
@@ -89,5 +89,5 @@ const Title = styled.span`
 
 const SubTitle = styled.span<{ theme: NextUITheme | undefined }>`
   font-size: 12px;
-  color: ${({ theme }) => theme.colors.accents4.value};
+  color: ${({ theme }) => theme.colors.accents6.value};
 `;
diff --git a/packages/core/components/Kbar/Search.tsx b/packages/core/components/Kbar/Search.tsx
index a01d439f..b10b96de 100644
--- a/packages/core/components/Kbar/Search.tsx
+++ b/packages/core/components/Kbar/Search.tsx
@@ -51,7 +51,7 @@ const Input = styled.input<{ theme: NextUITheme | undefined }>`
   }
 
   &::placeholder {
-    color: ${({ theme }) => theme.colors.accents4.value};
+    color: ${({ theme }) => theme.colors.accents6.value};
     transition: opacity 0.25s ease 0s;
     -moz-transition: opacity 0.25s ease 0s;
     -ms-transition: opacity 0.25s ease 0s;