알림팝업 전체닫기 오류 수정

frontend/src/components/backtest/BacktestAssetChart.tsx

@@ -99,10 +99,10 @@ const BacktestAssetChart: React.FC<Props> = memo(({ curve, markers }) => {
 
         {[0.25, 0.5, 0.75].map(r => {
           const y = pad.t + innerH * (1 - r);
-          return <line key={r} x1={pad.l} y1={y} x2={W - pad.r} y2={y} stroke="rgba(201,162,39,0.07)" strokeWidth="1" />;
+          return <line key={r} x1={pad.l} y1={y} x2={W - pad.r} y2={y} className="btd-chart-grid" />;
         })}
 
-        <text x={pad.l - 8} y={pad.t - 6} textAnchor="start" fill="#6272a4" fontSize="8">자본금</text>
+        <text x={pad.l - 8} y={pad.t - 6} textAnchor="start" className="btd-chart-label" fontSize="8">자본금</text>
 
         {chart.yTicks.map(v => (
           <text
@@ -111,7 +111,7 @@ const BacktestAssetChart: React.FC<Props> = memo(({ curve, markers }) => {
             y={chart.toY(v)}
             textAnchor="end"
             dominantBaseline="middle"
-            fill="#6272a4"
+            className="btd-chart-label"
             fontSize="8.5"
           >
             {fmtY(v)}
@@ -124,7 +124,7 @@ const BacktestAssetChart: React.FC<Props> = memo(({ curve, markers }) => {
             key={i}
             d={seg.d}
             fill="none"
-            stroke={seg.up ? '#22c55e' : '#ef4444'}
+            className={seg.up ? 'btd-chart-line-up' : 'btd-chart-line-down'}
             strokeWidth="2"
             strokeLinecap="round"
             strokeLinejoin="round"
@@ -152,7 +152,7 @@ const BacktestAssetChart: React.FC<Props> = memo(({ curve, markers }) => {
         ))}
 
         {chart.xLabels.map((l, i) => (
-          <text key={i} x={l.x} y={H - 5} textAnchor="middle" fill="#6272a4" fontSize="8">
+          <text key={i} x={l.x} y={H - 5} textAnchor="middle" className="btd-chart-label" fontSize="8">
             {l.label}
           </text>
         ))}