From fe1a7f9b3be45b2fe53598df9498fb1959a0aee1 Mon Sep 17 00:00:00 2001
From: th <th@skilleven.de>
Date: Mon, 20 Apr 2026 22:16:29 +0200
Subject: [PATCH] fix: marker template was overriding the red default with
 --accent

The inline style wrote --marker-color: var(--accent) whenever
marker.color wasn't set, which shadowed the CSS default. Only emit
the inline override when a per-marker color is explicitly set so the
stylesheet's red (#ef4444) actually applies.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/components/Timeline.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Timeline.vue b/src/components/Timeline.vue
index d9c11dc..7ece975 100644
--- a/src/components/Timeline.vue
+++ b/src/components/Timeline.vue
@@ -2001,7 +2001,7 @@ onBeforeUnmount(() => {
               :class="{ selected: selectedMarkerId === marker.id }"
               :style="{
                 left: pxFromTime(marker.time) + 'px',
-                '--marker-color': marker.color || 'var(--accent)',
+                ...(marker.color ? { '--marker-color': marker.color } : {}),
               }"
               :title="marker.name"
               @pointerdown="onMarkerPointerDown($event, marker.id)"