From caffa570b90dee509c124dc94385d08fed95cb9a Mon Sep 17 00:00:00 2001
From: Hanbin Cho <forestream@devfive.kr>
Date: Mon, 16 Jun 2025 16:10:40 +0900
Subject: [PATCH] Fix kakao icon color

---
 apps/landing/src/components/Header/Discord.tsx     | 2 +-
 apps/landing/src/components/Header/Github.tsx      | 2 +-
 apps/landing/src/components/Header/Kakao.tsx       | 4 ++--
 apps/landing/src/components/Header/ThemeSwitch.tsx | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/landing/src/components/Header/Discord.tsx b/apps/landing/src/components/Header/Discord.tsx
index 27e322cc..1a7233ab 100644
--- a/apps/landing/src/components/Header/Discord.tsx
+++ b/apps/landing/src/components/Header/Discord.tsx
@@ -12,7 +12,7 @@ export function Discord() {
     >
       <svg
         className={css({
-          color: '$text',
+          color: '$title',
         })}
         fill="none"
         height="24"
diff --git a/apps/landing/src/components/Header/Github.tsx b/apps/landing/src/components/Header/Github.tsx
index 87fdf3fc..1a26124a 100644
--- a/apps/landing/src/components/Header/Github.tsx
+++ b/apps/landing/src/components/Header/Github.tsx
@@ -4,7 +4,7 @@ export function Github() {
   return (
     <svg
       className={css({
-        color: '$text',
+        color: '$title',
       })}
       fill="none"
       height="24"
diff --git a/apps/landing/src/components/Header/Kakao.tsx b/apps/landing/src/components/Header/Kakao.tsx
index 399d6510..ee45e8cd 100644
--- a/apps/landing/src/components/Header/Kakao.tsx
+++ b/apps/landing/src/components/Header/Kakao.tsx
@@ -12,7 +12,7 @@ export function Kakao() {
     >
       <svg
         className={css({
-          color: '$text',
+          color: '$title',
         })}
         fill="none"
         height="24"
@@ -23,7 +23,7 @@ export function Kakao() {
         <path
           clipRule="evenodd"
           d="M12.0001 3C5.92457 3 1 6.76292 1 11.4039C1 14.2901 2.90472 16.8346 5.80521 18.348L4.58483 22.7571C4.477 23.1467 4.92752 23.4572 5.27347 23.2314L10.623 19.7396C11.0745 19.7827 11.5332 19.8078 12.0001 19.8078C18.0751 19.8078 23 16.045 23 11.4039C23 6.76292 18.0751 3 12.0001 3Z"
-          fill="#1A1A1A"
+          fill="currentColor"
           fillRule="evenodd"
         />
       </svg>
diff --git a/apps/landing/src/components/Header/ThemeSwitch.tsx b/apps/landing/src/components/Header/ThemeSwitch.tsx
index 15b29dc5..774be78a 100644
--- a/apps/landing/src/components/Header/ThemeSwitch.tsx
+++ b/apps/landing/src/components/Header/ThemeSwitch.tsx
@@ -6,7 +6,7 @@ export function ThemeSwitch() {
   return (
     <Box
       boxSize="24px"
-      color="$text"
+      color="$title"
       cursor="pointer"
       onClick={() => {
         setTheme(getTheme() === 'dark' ? 'light' : 'dark')