From a0a9f7dedd8249f64b5eb36e1f2799bc4b30e95a Mon Sep 17 00:00:00 2001
From: Charles Vien <charles.v@posthog.com>
Date: Thu, 15 Jan 2026 18:37:52 -0800
Subject: [PATCH] Fix file changes color mismatch

---
 .../features/task-detail/components/ChangesTabBadge.tsx    | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/array/src/renderer/features/task-detail/components/ChangesTabBadge.tsx b/apps/array/src/renderer/features/task-detail/components/ChangesTabBadge.tsx
index 31e903313..5f9f8272a 100644
--- a/apps/array/src/renderer/features/task-detail/components/ChangesTabBadge.tsx
+++ b/apps/array/src/renderer/features/task-detail/components/ChangesTabBadge.tsx
@@ -39,7 +39,7 @@ export function ChangesTabBadge({ taskId, task }: ChangesTabBadgeProps) {
     <Flex gap="2" mr="2">
       {diffStats.linesAdded > 0 && (
         <Text size="1">
-          <Text size="1" color="green">
+          <Text size="1" style={{ color: "var(--green-9)" }}>
             +{diffStats.linesAdded}
           </Text>
           ,
@@ -47,14 +47,15 @@ export function ChangesTabBadge({ taskId, task }: ChangesTabBadgeProps) {
       )}
       {diffStats.linesRemoved > 0 && (
         <Text size="1">
-          <Text size="1" color="red">
+          <Text size="1" style={{ color: "var(--red-9)" }}>
             -{diffStats.linesRemoved}
           </Text>
           ,
         </Text>
       )}
       <Text size="1">
-        <Text color="blue">{diffStats.filesChanged}</Text> {filesLabel} changed
+        <Text style={{ color: "var(--blue-9)" }}>{diffStats.filesChanged}</Text>{" "}
+        {filesLabel} changed
       </Text>
     </Flex>
   );