Update resume and kbar elements color (#138)

* style: resume title tooltip icon color * style: kbar elements color
hyesungoh · Apr 20, 2023 · 9f2dab1 · 9f2dab1 · vercel · Apr 20, 2023
1 parent 88f1572
commit 9f2dab1
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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;