매수, 매도 색상 수정

frontend/src/components/BacktestResultModal.tsx

@@ -168,7 +168,7 @@ const SIG_LABEL: Record<string, string> = {
   BUY:'매수', SELL:'매도', SHORT_ENTRY:'공매도', SHORT_EXIT:'공매도청산', PARTIAL_SELL:'분할매도',
 };
 const SIG_COLOR: Record<string, string> = {
-  BUY:'brd-pos', SELL:'brd-neg', SHORT_ENTRY:'brd-neg', SHORT_EXIT:'brd-pos', PARTIAL_SELL:'brd-warn',
+  BUY:'brd-sig-buy', SELL:'brd-sig-sell', SHORT_ENTRY:'brd-neg', SHORT_EXIT:'brd-pos', PARTIAL_SELL:'brd-warn',
 };
 
 // ══════════════════════════════════════════════════════════════════════════

frontend/src/components/TradeAlertModal.tsx

@@ -3,6 +3,7 @@ import React, { useState } from 'react';
 import { useDraggablePanel } from '../hooks/useDraggablePanel';
 import { placePaperOrder, placeLiveOrder, loadLiveSummary } from '../utils/backendApi';
 import { formatSignalTime } from '../utils/tradeSignalDisplay';
+import { TRADE_BUY_COLOR, TRADE_SELL_COLOR } from '../utils/tradeSignalColors';
 import { useTradeAlertTimeFormat } from '../utils/tradeAlertTimeFormat';
 
 export interface TradeSignalInfo {
@@ -61,8 +62,8 @@ export const TradeAlertModal: React.FC<Props> = ({
 }) => {
   useTradeAlertTimeFormat();
   const isBuy       = signal.signalType === 'BUY';
-  const accentColor = isBuy ? '#3f7ef5' : '#ef5350';
-  const accentGlow  = isBuy ? 'rgba(63,126,245,0.22)' : 'rgba(239,83,80,0.22)';
+  const accentColor = isBuy ? TRADE_BUY_COLOR : TRADE_SELL_COLOR;
+  const accentGlow  = isBuy ? 'rgba(239, 83, 80, 0.28)' : 'rgba(77, 171, 247, 0.28)';
   const signalLabel = isBuy ? 'BUY' : 'SELL';
   const signalKo    = isBuy ? '매수 알림' : '매도 알림';
 

frontend/src/components/VirtualTradingPage.tsx

@@ -30,7 +30,7 @@ import {
 } from './virtual/VirtualGridUnifiedHeader';
 import type { VirtualCardDisplayMode } from './virtual/VirtualTargetCard';
 import { useVirtualIndicatorSnapshots } from '../hooks/useVirtualIndicatorSnapshots';
-import { useVirtualAutoTrade } from '../hooks/useVirtualAutoTrade';
+import { useVirtualBackendTradeSignals } from '../hooks/useVirtualBackendTradeSignals';
 import { useVirtualTargetLiveStatus } from '../hooks/useVirtualTargetLiveStatus';
 import type { ChartRealtimeSource } from '../hooks/useChartRealtimeData';
 import {
@@ -197,11 +197,10 @@ const VirtualTradingPage: React.FC<Props> = ({
     session.running,
   );
 
-  useVirtualAutoTrade({
+  useVirtualBackendTradeSignals({
     enabled: paperTradingEnabled && paperAutoTradeEnabled,
     session,
     targets,
-    snapshots,
     tickers,
     paperAutoTradeBudgetPct,
     positions: summary?.positions,