Fix file changes color mismatch

Author: charlesvien

apps/array/src/renderer/features/task-detail/components/ChangesTabBadge.tsx

@@ -39,22 +39,23 @@ 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>
           ,
         </Text>
       )}
       {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>
   );