diff --git a/index.html b/index.html index 14eff46..947b3b0 100644 --- a/index.html +++ b/index.html @@ -241,6 +241,11 @@ color:var(--accent-green); border:1px solid var(--accent-green); } + .status-paper{ + background:rgba(0,212,255,.15); + color:var(--accent-blue); + border:1px solid var(--accent-blue); + } .account-number{ font-family:'JetBrains Mono',monospace; color:var(--text-secondary); @@ -523,7 +528,7 @@
@@ -588,6 +593,7 @@ }); if (response.ok) { + updateTradingModeBadge(tradingMode); document.getElementById('loginForm').style.display = 'none'; document.getElementById('dashboard').style.display = 'block'; await loadDashboard(); @@ -601,6 +607,19 @@ errorDiv.innerHTML = '
Invalid credentials. Please check your API Key and Secret.
'; } + function updateTradingModeBadge(mode) { + const badge = document.getElementById('tradingModeBadge'); + if (!badge) return; + badge.classList.remove('status-active', 'status-paper'); + if (mode === 'live') { + badge.classList.add('status-active'); + badge.textContent = '● LIVE TRADING'; + } else { + badge.classList.add('status-paper'); + badge.textContent = '● PAPER TRADING'; + } + } + async function loadDashboard() { try { const [accountData, positions] = await Promise.all([