From 29bf9a4d8770dfe805f351f698ebb2fc1daf0216 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Fri, 24 Oct 2025 16:59:52 -0500
Subject: [PATCH] fix light mode

---
 web/src/components/timeline/DetailStream.tsx | 17 ++++-------------
 1 file changed, 4 insertions(+), 13 deletions(-)

diff --git a/web/src/components/timeline/DetailStream.tsx b/web/src/components/timeline/DetailStream.tsx
index b025e5126..d630029f5 100644
--- a/web/src/components/timeline/DetailStream.tsx
+++ b/web/src/components/timeline/DetailStream.tsx
@@ -309,7 +309,7 @@ function ReviewGroup({
               "size-3",
               isActive
                 ? "fill-selected text-selected"
-                : "fill-secondary-highlight text-secondary-highlight duration-500",
+                : "fill-muted duration-500 dark:fill-secondary-highlight dark:text-secondary-highlight",
             )}
           />
         </div>
@@ -323,10 +323,7 @@ function ReviewGroup({
                     key={`${lbl}-${idx}`}
                     className="rounded-full bg-muted-foreground p-1"
                   >
-                    {getIconForLabel(
-                      lbl,
-                      "size-3 text-primary dark:text-white",
-                    )}
+                    {getIconForLabel(lbl, "size-3 text-white")}
                   </div>
                 ))}
               </div>
@@ -398,10 +395,7 @@ function ReviewGroup({
                 >
                   <div className="ml-1.5 flex items-center gap-2 text-sm font-medium">
                     <div className="rounded-full bg-muted-foreground p-1">
-                      {getIconForLabel(
-                        audioLabel,
-                        "size-3 text-primary dark:text-white",
-                      )}
+                      {getIconForLabel(audioLabel, "size-3 text-white")}
                     </div>
                     <span>{getTranslatedLabel(audioLabel)}</span>
                   </div>
@@ -489,10 +483,7 @@ function EventList({
                   : "bg-muted-foreground",
               )}
             >
-              {getIconForLabel(
-                event.label,
-                "size-3 text-primary dark:text-white",
-              )}
+              {getIconForLabel(event.label, "size-3 text-white")}
             </div>
             <div className="flex items-end gap-2">
               <span>{getTranslatedLabel(event.label)}</span>