From bbd112f80a7e98d4c59705532ea323240c33cf12 Mon Sep 17 00:00:00 2001
From: akhisud3195 <akhileshs.s4@gmail.com>
Date: Sun, 13 Jul 2025 16:53:25 +0530
Subject: [PATCH] Update response level cta colors

---
 .../[projectId]/playground/components/messages.tsx        | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/rowboat/app/projects/[projectId]/playground/components/messages.tsx b/apps/rowboat/app/projects/[projectId]/playground/components/messages.tsx
index 5f18dfba..5f8b62d3 100644
--- a/apps/rowboat/app/projects/[projectId]/playground/components/messages.tsx
+++ b/apps/rowboat/app/projects/[projectId]/playground/components/messages.tsx
@@ -103,18 +103,18 @@ function InternalAssistantMessage({ content, sender, latency, delta, showJsonMod
                         {isJsonContent && hasResponseKey && (
                             <div className="mb-2 flex gap-4">
                                 <button 
-                                    className="flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400 hover:underline self-start" 
+                                    className="flex items-center gap-1 text-xs text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-300 hover:underline self-start" 
                                     onClick={() => setJsonMode(!jsonMode)}
                                 >
-                                    {jsonMode ? <TextIcon size={16} /> : <BracesIcon size={16} />}
+                                    {jsonMode ? <TextIcon size={14} /> : <BracesIcon size={14} />}
                                     {jsonMode ? 'View response text' : 'View complete JSON'}
                                 </button>
                                 {jsonMode && (
                                     <button 
-                                        className="flex items-center gap-1 text-xs text-green-600 dark:text-green-400 hover:underline self-start" 
+                                        className="flex items-center gap-1 text-xs text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-300 hover:underline self-start" 
                                         onClick={() => setWrapText(!wrapText)}
                                     >
-                                        {wrapText ? <ArrowRightFromLineIcon size={16} /> : <WrapTextIcon size={16} />}
+                                        {wrapText ? <ArrowRightFromLineIcon size={14} /> : <WrapTextIcon size={14} />}
                                         {wrapText ? 'Overflow' : 'Wrap'}
                                     </button>
                                 )}