From d10cc15e82a710aa4bdb2c572799c9ac16bece2e Mon Sep 17 00:00:00 2001
From: Caroline di Vittorio
 <43390382+carolinedivittorio@users.noreply.github.com>
Date: Thu, 11 Jun 2026 17:09:03 -0700
Subject: [PATCH] fix: use gray code-box background for changed-files diff card
 (#1505)

The turn changed-files diff card used the blue accent-bubble color
that matches user messages; switch it to the gray code-bubble used by
code blocks so it visually reads as agent output.

Co-authored-by: open-swe[bot] <open-swe@users.noreply.github.com>
---
 ui/src/components/agents/messages/TurnChangedFilesCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/components/agents/messages/TurnChangedFilesCard.tsx b/ui/src/components/agents/messages/TurnChangedFilesCard.tsx
index 7199cd7e..c8f035ed 100644
--- a/ui/src/components/agents/messages/TurnChangedFilesCard.tsx
+++ b/ui/src/components/agents/messages/TurnChangedFilesCard.tsx
@@ -106,7 +106,7 @@ export const TurnChangedFilesCard = memo(function TurnChangedFilesCard({
   }, []);
 
   return (
-    <div className="mt-3 rounded-xl bg-[var(--ui-accent-bubble)] overflow-hidden">
+    <div className="mt-3 rounded-xl bg-[var(--ui-code-bubble)] overflow-hidden">
       <div className="px-3 py-2 text-xs text-[color:var(--ui-text-muted)] border-b border-[var(--ui-border)] flex items-center gap-2">
         <span>{files.length} file{files.length === 1 ? "" : "s"} changed</span>
         <span className="text-green-400">+{totals.additions}</span>