From 0e6d2c0c4710de09c900d49d893a49c0af177b7b Mon Sep 17 00:00:00 2001 From: Stan Grams Date: Sun, 1 Mar 2026 17:53:52 +0100 Subject: [PATCH] [style](trx-frontend): theme radio path line via CSS var Remove hardcoded #3388ff colour from L.polyline options; use stroke: var(--accent-green) and stroke-opacity in the CSS class so the path follows the active colour scheme automatically. Co-Authored-By: Claude Sonnet 4.6 Signed-off-by: Stan Grams --- src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js | 2 +- .../trx-frontend/trx-frontend-http/assets/web/style.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) 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 2e98487..5a64daf 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 @@ -2436,7 +2436,7 @@ function initAprsMap() { if (serverLat != null && serverLon != null) { aprsRadioPath = L.polyline( [[serverLat, serverLon], [ll.lat, ll.lng]], - { className: "aprs-radio-path", color: "#3388ff", weight: 2, opacity: 0.85, interactive: false } + { className: "aprs-radio-path", weight: 2, interactive: false } ).addTo(aprsMap); } }); 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 5fc6e4e..daa8010 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 @@ -1082,7 +1082,7 @@ small { color: var(--text-muted); } .aprs-popup-table td { padding: 0.06rem 0.3rem 0.06rem 0; vertical-align: top; font-size: 0.88em; } .aprs-popup-label { color: var(--text-muted); white-space: nowrap; padding-right: 0.5rem !important; } .aprs-popup-info { font-size: 0.85em; color: var(--text); border-top: 1px solid var(--border-light); padding-top: 0.25rem; margin-top: 0.1rem; word-break: break-word; } -.aprs-radio-path { stroke-dasharray: 10 5 !important; animation: aprs-radio-path-flow 0.7s linear infinite; } +.aprs-radio-path { stroke: var(--accent-green) !important; stroke-opacity: 0.8 !important; stroke-dasharray: 10 5 !important; animation: aprs-radio-path-flow 0.7s linear infinite; } @keyframes aprs-radio-path-flow { to { stroke-dashoffset: -15; } } .aprs-bar-pos { background: none; border: none; padding: 0; margin-left: 0.4em; font-family: inherit; font-size: inherit; color: var(--accent-green); cursor: pointer; } .aprs-bar-pos:hover { text-decoration: underline; }