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:
parent
92821e6e8b
commit
7b15ba609f
4 changed files with 13 additions and 11 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue