feat(planner): restyle map markers + route on tokens

Bring the map surface on-brand (visual-redesign group 4):

- Waypoint markers: sage accent numbered circles (was blue #2563eb);
  overnight stops keep the warm stop tone; note indicator uses the
  eg-mid gold token.
- Plain route line + ghost (insert) marker: sage accent (was blue).
- Map highlight dot (synced with the chart hover): sage accent (was
  red), so map and chart hovers match.
- Day labels: bg-raised surface + text-hi.
- No-go areas: danger token (#a03c3c) instead of bright red.
- GPX drag-over overlay: accent tokens.

Per-mode route coloring (surface/grade/…) is unchanged (data-viz);
coordinating the elevation-mode gradient with the route line is task 1.5.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Ullrich Schäfer 2026-07-16 07:20:17 +02:00
parent 92821e6e8b
commit 7b15ba609f
No known key found for this signature in database
GPG key ID: A32FF691A0F752D9
4 changed files with 13 additions and 11 deletions

View file

@ -18,7 +18,7 @@ const ghostIcon = L.divIcon({
className: "route-ghost-marker",
html: `<div style="
width:14px;height:14px;border-radius:50%;
background:white;border:3px solid #2563eb;
background:white;border:3px solid #4a6b40;
box-shadow:0 1px 4px rgba(0,0,0,0.3);
transform:translate(-7px,-7px);
cursor:grab;