From f93441b18753f637076c3abe7885ade67fcc3390 Mon Sep 17 00:00:00 2001 From: Ethanfel Date: Thu, 26 Feb 2026 12:31:30 +0100 Subject: [PATCH] Color timeline branch arrows to match their marker Arrows inherit the marker's --snap-marker-color so they match the node color (blue for regular, purple for node snapshots, green for current, etc). Co-Authored-By: Claude Opus 4.6 --- js/snapshot_manager.js | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/js/snapshot_manager.js b/js/snapshot_manager.js index 234f31c..1298816 100644 --- a/js/snapshot_manager.js +++ b/js/snapshot_manager.js @@ -3530,10 +3530,14 @@ function buildTimeline() { const group = document.createElement("div"); group.className = "snap-timeline-fork-group"; + // Arrow color matches the marker + const arrowColor = marker.style.getPropertyValue("--snap-marker-color") || "#3b82f6"; + // Up arrow (previous branch) const upBtn = document.createElement("button"); upBtn.className = "snap-timeline-branch-btn"; upBtn.textContent = "\u25B2"; + upBtn.style.color = arrowColor; upBtn.title = `Branch ${selectedIndex}/${children.length}`; if (selectedIndex <= 0) upBtn.style.visibility = "hidden"; upBtn.addEventListener("click", (e) => { @@ -3547,6 +3551,7 @@ function buildTimeline() { const downBtn = document.createElement("button"); downBtn.className = "snap-timeline-branch-btn"; downBtn.textContent = "\u25BC"; + downBtn.style.color = arrowColor; downBtn.title = `Branch ${selectedIndex + 2}/${children.length}`; if (selectedIndex >= children.length - 1) downBtn.style.visibility = "hidden"; downBtn.addEventListener("click", (e) => {