From d3af33d2f7b013a8ccddcb6cb213f0b3ae4d8b3f Mon Sep 17 00:00:00 2001
From: seock1000 <seock1000@github.com>
Date: Wed, 25 Jun 2025 22:26:53 +0900
Subject: [PATCH 1/2] [FEAT] Add Plant Theme

---
 app/page.tsx         |  2 +-
 lib/svg-generator.ts | 17 +++++++++++++++-
 lib/themes.ts        | 46 ++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 63 insertions(+), 2 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 258c0d1..1525f01 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -60,4 +60,4 @@ export default function Home() {
 	);
 }
 
-const TAGS = [{ label: "hair" }, { label: "fire" }];
+const TAGS = [{ label: "hair" }, { label: "fire" }, { label: "plant" }];
diff --git a/lib/svg-generator.ts b/lib/svg-generator.ts
index 91e2bfb..b2a997f 100644
--- a/lib/svg-generator.ts
+++ b/lib/svg-generator.ts
@@ -10,6 +10,9 @@ export async function generateThemedSVG(username: string, themeKey: string) {
 	const cellSize = 14;
 
 	const background = theme.background || "#ffffff";
+	const backgroundPattern = theme.backgroundPattern;
+	const patternId = `pattern_${themeKey}`;
+
 	const baseDot = theme.showBaseDot ?? false;
 
 	const elements = weeks.flatMap((week, weekIndex) =>
@@ -44,9 +47,21 @@ export async function generateThemedSVG(username: string, themeKey: string) {
 		}),
 	);
 
+	const defs = backgroundPattern
+  		? `<defs>${backgroundPattern.replace(
+      		/<pattern([^>]*)>/,
+      		`<pattern id="${patternId}"$1>`
+    		)}</defs>`
+  		: "";
+
+	const fillValue = backgroundPattern ? `url(#${patternId})` : background;
+	console.log("defs:", defs);
+	console.log("fillValue:", fillValue);
+
 	const svg = `
     <svg xmlns="http://www.w3.org/2000/svg" width="${weeks.length * cellSize + 40}" height="180">
-      <rect width="100%" height="100%" fill="${background}" />
+	  ${defs}
+      <rect width="100%" height="100%" fill="${fillValue}" />
       <text x="20" y="30" font-size="16" fill="#333">${theme.emoji || ""} ${username}'s ${theme.label}</text>
       ${elements.join("\n")}
     </svg>
diff --git a/lib/themes.ts b/lib/themes.ts
index dfa7973..dbdcdc3 100644
--- a/lib/themes.ts
+++ b/lib/themes.ts
@@ -7,6 +7,7 @@ export interface ThemeStyle {
 	label: string;
 	emoji?: string;
 	background?: string;
+	backgroundPattern?: string;
 	showBaseDot?: boolean;
 }
 
@@ -61,9 +62,54 @@ export const FireTheme: ThemeStyle = {
 	},
 };
 
+export const PlantTheme: ThemeStyle = {
+	label: "Plant",
+	emoji: "🌿",
+	background: "#f0fdf4",
+	backgroundPattern: `
+		<pattern patternUnits="userSpaceOnUse" width="40" height="40">
+			<rect width="40" height="40" fill="#7B4A22" />
+			<ellipse cx="8.2" cy="7.1" rx="5.1" ry="2.2" fill="#A97C50" opacity="0.65"/>
+			<ellipse cx="30.5" cy="15.7" rx="3.8" ry="2.9" fill="#C69C6D" opacity="0.55"/>
+			<ellipse cx="20.1" cy="35.2" rx="4.2" ry="1.7" fill="#8D6748" opacity="0.60"/>
+			<ellipse cx="12.7" cy="28.3" rx="2.9" ry="1.2" fill="#BCA17A" opacity="0.70"/>
+			<circle cx="5.2" cy="5.8" r="1.7" fill="#F9E4B7" opacity="0.80"/>
+			<circle cx="13.1" cy="11.2" r="1.1" fill="#F6D28B" opacity="0.60"/>
+			<circle cx="32.3" cy="8.4" r="1.3" fill="#F9E4B7" opacity="0.90"/>
+			<circle cx="18.7" cy="25.6" r="1.2" fill="#BCA17A" opacity="0.70"/>
+			<circle cx="36.2" cy="36.1" r="1.5" fill="#A97C50" opacity="0.80"/>
+		</pattern>
+  	`,
+	showBaseDot: true,
+	getEmoji: (level: CommitLevel): string | null => {
+		switch (level) {
+			case "none":
+				return null;
+			case "low":
+				return "🫘"; // 씨앗
+			case "medium":
+				return "🌱"; // 새싹
+			case "high":
+				return "🌿"; // 풀잎
+			case "max":
+				return "🌻"; // 꽃
+			default:
+				return null;
+		}
+	},
+	colorMap: {
+		none: "#f0fdf4",
+		low: "#bbf7d0",
+		medium: "#86efac",
+		high: "#4ade80",
+		max: "#f472b6",
+	},
+};
+
 export const themes: Record<string, ThemeStyle> = {
 	hair: HairTheme,
 	fire: FireTheme,
+	plant: PlantTheme,
 };
 
 export function getCommitLevel(commitCount: number): CommitLevel {

From c1ec07120c5e5ee80e49275b7af6f9ad5ed8186a Mon Sep 17 00:00:00 2001
From: seock1000 <seock1000@github.com>
Date: Wed, 25 Jun 2025 22:50:24 +0900
Subject: [PATCH 2/2] [FIX] modify review point

---
 lib/svg-generator.ts | 11 ++++-------
 lib/themes.ts        |  7 -------
 2 files changed, 4 insertions(+), 14 deletions(-)

diff --git a/lib/svg-generator.ts b/lib/svg-generator.ts
index b2a997f..eed95ee 100644
--- a/lib/svg-generator.ts
+++ b/lib/svg-generator.ts
@@ -48,15 +48,12 @@ export async function generateThemedSVG(username: string, themeKey: string) {
 	);
 
 	const defs = backgroundPattern
-  		? `<defs>${backgroundPattern.replace(
-      		/<pattern([^>]*)>/,
-      		`<pattern id="${patternId}"$1>`
-    		)}</defs>`
+		? `<defs>${backgroundPattern.replace(
+			/<pattern([^>]*?)>/g,
+			`<pattern id="${patternId}"$1>`
+			)}</defs>`
   		: "";
-
 	const fillValue = backgroundPattern ? `url(#${patternId})` : background;
-	console.log("defs:", defs);
-	console.log("fillValue:", fillValue);
 
 	const svg = `
     <svg xmlns="http://www.w3.org/2000/svg" width="${weeks.length * cellSize + 40}" height="180">
diff --git a/lib/themes.ts b/lib/themes.ts
index dbdcdc3..76b750b 100644
--- a/lib/themes.ts
+++ b/lib/themes.ts
@@ -97,13 +97,6 @@ export const PlantTheme: ThemeStyle = {
 				return null;
 		}
 	},
-	colorMap: {
-		none: "#f0fdf4",
-		low: "#bbf7d0",
-		medium: "#86efac",
-		high: "#4ade80",
-		max: "#f472b6",
-	},
 };
 
 export const themes: Record<string, ThemeStyle> = {