sjg/trx-rs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[fix](trx-frontend-http): use dedicated --ais-accent color for map markers

Browse Source 
Replace --accent-red with a new --ais-accent CSS variable (default #00aacc
cyan-blue) so AIS vessel markers and track lines are visually distinct from
other UI elements regardless of theme. Light theme uses a slightly darker
#0088aa for readability on the map.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
This commit is contained in:
Stan Grams
2026-03-10 19:34:19 +01:00
parent a62997d6ce
commit 6a755ef2b4
2 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js
+1 -1
View File
@@ -5014,7 +5014,7 @@ function syncSelectedAisTrackVisibility() {
} }
function getAisAccentColor() { function getAisAccentColor() {
return getComputedStyle(document.documentElement).getPropertyValue("--accent-red").trim() || "#ff7559"; return getComputedStyle(document.documentElement).getPropertyValue("--ais-accent").trim() || "#00aacc";
} }
function aisMarkerOptionsFromMessage(msg) { function aisMarkerOptionsFromMessage(msg) {
src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
+2
View File
@@ -12,6 +12,7 @@
--accent-green: #c24b1a; --accent-green: #c24b1a;
--accent-yellow: #f0ad4e; --accent-yellow: #f0ad4e;
--accent-red: #e55353; --accent-red: #e55353;
--ais-accent: #00aacc;
--control-height: 2.6rem; --control-height: 2.6rem;
--jog-hi: #243a5b; --jog-hi: #243a5b;
--jog-lo: #14233a; --jog-lo: #14233a;
@@ -46,6 +47,7 @@
--accent-green: #b04317; --accent-green: #b04317;
--accent-yellow: #b57600; --accent-yellow: #b57600;
--accent-red: #cf3f3f; --accent-red: #cf3f3f;
--ais-accent: #0088aa;
--jog-hi: #e6edf8; --jog-hi: #e6edf8;
--jog-lo: #cdd9eb; --jog-lo: #cdd9eb;
--jog-shadow: rgba(58, 79, 110, 0.18); --jog-shadow: rgba(58, 79, 110, 0.18);