diff --git a/templates/index.html b/templates/index.html index 93d42cb..a95209f 100644 --- a/templates/index.html +++ b/templates/index.html @@ -517,11 +517,17 @@ let targetBorderColor = activeModeColor; if (isTx) { targetBorderColor = (telemetryObj.alt === "") ? "var(--danger)" : activeModeColor; } else if (isIdle) { targetBorderColor = "var(--border-color)"; } cardDiv.style.setProperty('border-top-color', targetBorderColor, 'important'); - if(isTx) cardDiv.style.boxShadow = `0 0 20px rgba(${targetBorderColor === 'var(--danger)' ? '239,68,68' : '16,185,129'}, 0.4)`; + + if(isTx) { + cardDiv.style.boxShadow = `0 0 20px rgba(${targetBorderColor === 'var(--danger)' ? '239,68,68' : '16,185,129'}, 0.4)`; + } else { + cardDiv.style.boxShadow = 'var(--glass-shadow)'; + } } else { cardDiv.classList.remove('online'); statusDiv.classList.add('status-offline'); cardDiv.style.opacity = "0.7"; cardDiv.style.filter = "grayscale(80%)"; cardDiv.style.setProperty('border-top-color', '#64748b', 'important'); + cardDiv.style.boxShadow = 'var(--glass-shadow)'; } }); document.getElementById('last-update').innerText = "Sync: " + new Date().toLocaleTimeString();