diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js index 0b7bc7a..913ad38 100644 --- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js +++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js @@ -1419,6 +1419,7 @@ function render(update) { cwToneEl.disabled = disabled; cwToneEl.readOnly = disabled; } + let activeFreqColor = "var(--accent-green)"; if (update.status && update.status.vfo && Array.isArray(update.status.vfo.entries)) { const entries = update.status.vfo.entries; const activeIdx = Number.isInteger(update.status.vfo.active) ? update.status.vfo.active : null; @@ -1436,7 +1437,7 @@ function render(update) { if (activeIdx === idx) { btn.classList.add("active"); btn.style.color = color; - freqEl.style.color = color; + activeFreqColor = color; } else btn.addEventListener("click", async () => { btn.disabled = true; showHint("Toggling VFO…"); @@ -1455,6 +1456,9 @@ function render(update) { } else { vfoPicker.innerHTML = ""; } + if (freqEl) { + freqEl.style.color = activeFreqColor; + } if (update.status && update.status.rx && typeof update.status.rx.sig === "number") { const sUnits = dbmToSUnits(update.status.rx.sig); sigLastSUnits = sUnits; diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css index c4d9edd..7050e0c 100644 --- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css +++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css @@ -508,7 +508,7 @@ small { color: var(--text-muted); } .title { font-size: 1.4rem; font-weight: 700; display: inline-flex; align-items: center; gap: 0.35rem; } .overview-strip { width: 100%; - margin: 0; + margin: 0 0 0.45rem; position: relative; z-index: 4; }