diff --git a/web/src/components/strategy/CodeStrategyEditor.tsx b/web/src/components/strategy/CodeStrategyEditor.tsx
index eb15ac4..aac4314 100644
--- a/web/src/components/strategy/CodeStrategyEditor.tsx
+++ b/web/src/components/strategy/CodeStrategyEditor.tsx
@@ -290,7 +290,7 @@ export function CodeStrategyEditor({
           {/* Trades table (if provided) */}
           {Array.isArray(result.tradeLog) && result.tradeLog.length > 0 && (
             <div style={{ marginTop: 12 }}>
-              <div style={{ fontSize: 11, fontWeight: 600, color: '#374151', marginBottom: 6 }}>
+              <div style={{ fontSize: 11, fontWeight: 600, color: 'var(--bl-text-quiet)', marginBottom: 6 }}>
                 Trade Log (last 10)
               </div>
               <table style={{ width: '100%', borderCollapse: 'collapse', fontSize: 11 }}>
@@ -305,10 +305,10 @@ export function CodeStrategyEditor({
                   {result.tradeLog.slice(-10).map((t: any, i: number) => (
                     <tr key={i} style={{ borderBottom: '1px solid var(--border)' }}>
                       <td style={{ padding: '4px 8px', color: 'var(--foreground)' }}>{t.date ?? '—'}</td>
-                      <td style={{ padding: '4px 8px', color: t.side === 'BUY' ? '#16A34A' : '#DC2626', fontWeight: 600 }}>{t.side}</td>
+                      <td style={{ padding: '4px 8px', color: t.side === 'BUY' ? 'var(--bl-success)' : 'var(--bl-danger)', fontWeight: 600 }}>{t.side}</td>
                       <td style={{ padding: '4px 8px', color: 'var(--foreground)' }}>{t.price != null ? `$${t.price.toFixed(2)}` : '—'}</td>
                       <td style={{ padding: '4px 8px', color: 'var(--foreground)' }}>{t.qty ?? '—'}</td>
-                      <td style={{ padding: '4px 8px', color: t.pnl >= 0 ? '#16A34A' : '#DC2626', fontWeight: 600 }}>
+                      <td style={{ padding: '4px 8px', color: t.pnl >= 0 ? 'var(--bl-success)' : 'var(--bl-danger)', fontWeight: 600 }}>
                         {t.pnl != null ? `${t.pnl >= 0 ? '+' : ''}$${t.pnl.toFixed(2)}` : '—'}
                       </td>
                     </tr>