From 596a7a0326c81cede2395a7da033f4444f6ffbca Mon Sep 17 00:00:00 2001
From: Han Yeong-woo <han@yeongwoo.dev>
Date: Fri, 15 Sep 2023 00:01:31 +0900
Subject: [PATCH 1/3] feat: define color tokens

---
 apps/portfolio/tailwind.config.ts | 46 +++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)

diff --git a/apps/portfolio/tailwind.config.ts b/apps/portfolio/tailwind.config.ts
index 1f43789..045eed8 100644
--- a/apps/portfolio/tailwind.config.ts
+++ b/apps/portfolio/tailwind.config.ts
@@ -1,10 +1,56 @@
+import tailwindColors from 'tailwindcss/colors.js';
+
 import type { Config } from 'tailwindcss';
 
+const COLORS = {
+  ...tailwindColors,
+  brand: '#b4ec94',
+} as const;
+
 const config = {
   content: ['./src/**/*.astro'],
   corePlugins: {
     preflight: false,
   },
+
+  theme: {
+    backgroundColor: {
+      primary: {
+        DEFAULT: COLORS.zinc['900'],
+      },
+    },
+
+    textColor: {
+      brand: {
+        DEFAULT: COLORS.brand,
+      },
+      primary: {
+        DEFAULT: COLORS.zinc['100'],
+        hover: COLORS.zinc['300'],
+        pressed: COLORS.zinc['400'],
+      },
+      secondary: {
+        DEFAULT: COLORS.zinc['200'],
+      },
+      tertiary: {
+        DEFAULT: COLORS.zinc['300'],
+      },
+    },
+
+    borderColor: {
+      primary: {
+        DEFAULT: COLORS.zinc['500'],
+      },
+    },
+
+    fill: {
+      icon: {
+        primary: {
+          DEFAULT: COLORS.zinc['200'],
+        },
+      },
+    },
+  },
 } satisfies Config;
 
 export default config;

From d7615e9bc51792b02603c72eb95f40115a1b230c Mon Sep 17 00:00:00 2001
From: Han Yeong-woo <han@yeongwoo.dev>
Date: Fri, 15 Sep 2023 00:05:09 +0900
Subject: [PATCH 2/3] chore: remove unnecessary class

---
 apps/portfolio/src/pages/index.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/portfolio/src/pages/index.astro b/apps/portfolio/src/pages/index.astro
index 92de635..f5ffc63 100644
--- a/apps/portfolio/src/pages/index.astro
+++ b/apps/portfolio/src/pages/index.astro
@@ -5,5 +5,5 @@ const title = '포트폴리오';
 ---
 
 <BaseLayout {title}>
-  <h1 class="m-5 text-lg text-slate-200">{title}</h1>
+  <h1>{title}</h1>
 </BaseLayout>

From 3b5f15e4fd0c298acc920efacd45f7491405d2d8 Mon Sep 17 00:00:00 2001
From: Han Yeong-woo <han@yeongwoo.dev>
Date: Fri, 15 Sep 2023 00:31:48 +0900
Subject: [PATCH 3/3] feat: define fontFamily tokens

---
 apps/portfolio/tailwind.config.ts | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/apps/portfolio/tailwind.config.ts b/apps/portfolio/tailwind.config.ts
index 045eed8..c84890a 100644
--- a/apps/portfolio/tailwind.config.ts
+++ b/apps/portfolio/tailwind.config.ts
@@ -1,4 +1,5 @@
 import tailwindColors from 'tailwindcss/colors.js';
+import defaultTheme from 'tailwindcss/defaultTheme.js';
 
 import type { Config } from 'tailwindcss';
 
@@ -14,6 +15,27 @@ const config = {
   },
 
   theme: {
+    fontFamily: {
+      default: [
+        '"Pretendard Variable"',
+        'Pretendard',
+        '-apple-system',
+        'BlinkMacSystemFont',
+        'system-ui',
+        'Roboto',
+        '"Helvetica Neue"',
+        '"Segoe UI"',
+        '"Apple SD Gothic Neo"',
+        '"Noto Sans KR"',
+        '"Malgun Gothic"',
+        '"Apple Color Emoji"',
+        '"Segoe UI Emoji"',
+        '"Segoe UI Symbol"',
+        'sans-serif',
+      ],
+      mono: ['"JetBrains Mono"', ...defaultTheme.fontFamily.mono],
+    },
+
     backgroundColor: {
       primary: {
         DEFAULT: COLORS.zinc['900'],