From fdadbb06cc8757bff15f7fa8f0256cfb847769a5 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 22 Mar 2025 12:57:41 +0000
Subject: [PATCH] Update budget bar color

The gray color of the budget bar in the chart has been updated to be slightly darker.
---
 src/components/analytics/MonthlyComparisonChart.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/analytics/MonthlyComparisonChart.tsx b/src/components/analytics/MonthlyComparisonChart.tsx
index e7405e9..337589b 100644
--- a/src/components/analytics/MonthlyComparisonChart.tsx
+++ b/src/components/analytics/MonthlyComparisonChart.tsx
@@ -60,6 +60,9 @@ const MonthlyComparisonChart: React.FC<MonthlyComparisonChartProps> = ({
 
   // 지출 색상을 메인 그린으로 통일
   const mainGreenColor = "#81c784";
+  
+  // 예산 색상을 좀 더 짙은 회색으로 변경
+  const darkGrayColor = "#9F9EA1"; // 이전 색상 #C8C8C9에서 더 짙은 회색으로 변경
 
   return (
     <div className="neuro-card h-72 w-full">
@@ -86,7 +89,7 @@ const MonthlyComparisonChart: React.FC<MonthlyComparisonChartProps> = ({
                 return <span style={{ color: value === '지출' ? mainGreenColor : undefined }}>{value}</span>;
               }}
             />
-            <Bar dataKey="budget" name="예산" fill="#C8C8C9" radius={[4, 4, 0, 0]} />
+            <Bar dataKey="budget" name="예산" fill={darkGrayColor} radius={[4, 4, 0, 0]} />
             <Bar dataKey="expense" name="지출" fill={mainGreenColor} radius={[4, 4, 0, 0]}>
               {/* 개별 셀 색상 설정은 제거하고 통일된 메인 그린 색상 사용 */}
             </Bar>