Update budget bar color
The gray color of the budget bar in the chart has been updated to be slightly darker.
This commit is contained in:
@@ -61,6 +61,9 @@ const MonthlyComparisonChart: React.FC<MonthlyComparisonChartProps> = ({
|
||||
// 지출 색상을 메인 그린으로 통일
|
||||
const mainGreenColor = "#81c784";
|
||||
|
||||
// 예산 색상을 좀 더 짙은 회색으로 변경
|
||||
const darkGrayColor = "#9F9EA1"; // 이전 색상 #C8C8C9에서 더 짙은 회색으로 변경
|
||||
|
||||
return (
|
||||
<div className="neuro-card h-72 w-full">
|
||||
{hasValidData ? (
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user