From c9059be57ba71e137b91a31add5cea67c8b97725 Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Tue, 26 May 2026 22:37:51 +0200
Subject: [PATCH] fix: color skip segments

---
 static/player/skip/segments.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/static/player/skip/segments.ts b/static/player/skip/segments.ts
index 104bc1e..fe38c31 100644
--- a/static/player/skip/segments.ts
+++ b/static/player/skip/segments.ts
@@ -66,8 +66,9 @@ export const renderSegments = (): void => {
     const bar = document.createElement('div');
     // use distinct colors so segments are readable over buffered/progress fills
     bar.className = 'absolute top-0 h-full opacity-95';
-    // single color for OP/ED, rendered above buffered/progress fills
-    bar.style.backgroundColor = '#f5c542';
+    // distinct colors for OP/ED, rendered above buffered/progress fills
+    const t = (s.type || '').toLowerCase();
+    bar.style.backgroundColor = t === 'ed' ? '#60a5fa' : '#f5c542';
     bar.style.left = `${(s.start / bounds) * 100}%`;
     bar.style.width = `${((s.end - s.start) / bounds) * 100}%`;
     track.appendChild(bar);