From 1c99d7233f8eb742e7865753fdafccc8e7c8af9e Mon Sep 17 00:00:00 2001
From: lily-de <119957291+lily-de@users.noreply.github.com>
Date: Sun, 26 Jan 2025 18:11:09 -0500
Subject: [PATCH] fix: dark mode colors for long commands (#796)

---
 ui/desktop/src/components/ToolCallArguments.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/ui/desktop/src/components/ToolCallArguments.tsx b/ui/desktop/src/components/ToolCallArguments.tsx
index 6aa570cf..3a34d88a 100644
--- a/ui/desktop/src/components/ToolCallArguments.tsx
+++ b/ui/desktop/src/components/ToolCallArguments.tsx
@@ -33,7 +33,10 @@ export function ToolCallArguments({ args }: ToolCallArgumentsProps) {
           <div className="flex items-baseline">
             <span className="text-textStandard mr-2">{key}:</span>
             <div className="flex-1">
-              <button onClick={() => toggleKey(key)} className="hover:opacity-75">
+              <button
+                onClick={() => toggleKey(key)}
+                className="hover:opacity-75 text-gray-600 dark:text-white"
+              >
                 {isExpanded ? '▼ ' : '▶ '}
               </button>
               {!isExpanded && <span className="ml-2 text-gray-600">{value.slice(0, 60)}...</span>}
@@ -41,7 +44,7 @@ export function ToolCallArguments({ args }: ToolCallArgumentsProps) {
           </div>
           {isExpanded && (
             <div className="mt-2 ml-4">
-              <ReactMarkdown className="whitespace-pre-wrap break-words prose-pre:whitespace-pre-wrap prose-pre:break-words">
+              <ReactMarkdown className="whitespace-pre-wrap break-words prose-pre:whitespace-pre-wrap prose-pre:break-words text-gray-600 dark:text-white">
                 {value}
               </ReactMarkdown>
             </div>