From 0eccbae0489ec7b9db3410f36f78a8438fdf97d9 Mon Sep 17 00:00:00 2001
From: Felix Roos <flix91@gmail.com>
Date: Sat, 23 Mar 2024 12:17:25 +0100
Subject: [PATCH] improve spiral colors

---
 packages/draw/spiral.mjs | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/draw/spiral.mjs b/packages/draw/spiral.mjs
index 83342728..e0104c29 100644
--- a/packages/draw/spiral.mjs
+++ b/packages/draw/spiral.mjs
@@ -19,7 +19,7 @@ function spiralSegment(options) {
     cy = 100,
     rotate = 0,
     thickness = margin / 2,
-    color = '#0000ff30',
+    color = 'steelblue',
     cap = 'round',
     stretch = 1,
     fromOpacity = 1,
@@ -61,7 +61,7 @@ function drawSpiral(options) {
     playheadThickness = thickness,
     padding = 0,
     steady = 1,
-    inactiveColor = '#ffffff20',
+    inactiveColor = '#ffffff50',
     colorizeInactive = 0,
     fade = true,
     // logSpiral = true,
@@ -102,7 +102,7 @@ function drawSpiral(options) {
     const isActive = hap.whole.begin <= time && hap.endClipped > time;
     const from = hap.whole.begin - time + inset;
     const to = hap.endClipped - time + inset - padding;
-    const { color } = hap.context;
+    const color = hap.value?.color;
     const opacity = fade ? 1 - Math.abs((hap.whole.begin - time) / min) : 1;
     spiralSegment({
       ctx,