From 6a755ef2b4865cd4650e304e608f9fd4df64fd60 Mon Sep 17 00:00:00 2001
From: Stan Grams <sjg@haxx.space>
Date: Tue, 10 Mar 2026 19:34:19 +0100
Subject: [PATCH] [fix](trx-frontend-http): use dedicated --ais-accent color
 for map markers

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>
---
 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, 3 insertions(+), 1 deletion(-)

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 e7b0a7c..18788ba 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
@@ -5014,7 +5014,7 @@ function syncSelectedAisTrackVisibility() {
 }
 
 function getAisAccentColor() {
-  return getComputedStyle(document.documentElement).getPropertyValue("--accent-red").trim() || "#ff7559";
+  return getComputedStyle(document.documentElement).getPropertyValue("--ais-accent").trim() || "#00aacc";
 }
 
 function aisMarkerOptionsFromMessage(msg) {
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 3344c98..1cdf74a 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
@@ -12,6 +12,7 @@
   --accent-green: #c24b1a;
   --accent-yellow: #f0ad4e;
   --accent-red: #e55353;
+  --ais-accent: #00aacc;
   --control-height: 2.6rem;
   --jog-hi: #243a5b;
   --jog-lo: #14233a;
@@ -46,6 +47,7 @@
   --accent-green: #b04317;
   --accent-yellow: #b57600;
   --accent-red: #cf3f3f;
+  --ais-accent: #0088aa;
   --jog-hi: #e6edf8;
   --jog-lo: #cdd9eb;
   --jog-shadow: rgba(58, 79, 110, 0.18);