From 86db407c0bc985ea000ba1424e1462c28a075a2a Mon Sep 17 00:00:00 2001
From: Shantur Rathore <i@shantur.com>
Date: Tue, 3 Feb 2026 22:09:02 +0000
Subject: [PATCH] fix(ui): restore tool call colors in dark mode

Use a dedicated --text-on-accent token for accent chips/checkmarks and tweak task list item surfaces so task/todo renderers keep contrast in dark mode.
---
 packages/ui/src/styles/messaging/tool-call/task.css | 2 +-
 packages/ui/src/styles/messaging/tool-call/todo.css | 4 ++--
 packages/ui/src/styles/tokens.css                   | 3 +++
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/styles/messaging/tool-call/task.css b/packages/ui/src/styles/messaging/tool-call/task.css
index a98d6500..b1edff5d 100644
--- a/packages/ui/src/styles/messaging/tool-call/task.css
+++ b/packages/ui/src/styles/messaging/tool-call/task.css
@@ -85,7 +85,7 @@
   font-size: var(--font-size-sm);
   font-family: var(--font-family-mono);
   line-height: 1.35;
-  background-color: var(--surface-code);
+  background-color: var(--surface-secondary);
   transition: background-color 0.2s ease, border-color 0.2s ease;
 }
 
diff --git a/packages/ui/src/styles/messaging/tool-call/todo.css b/packages/ui/src/styles/messaging/tool-call/todo.css
index 50071667..628784c2 100644
--- a/packages/ui/src/styles/messaging/tool-call/todo.css
+++ b/packages/ui/src/styles/messaging/tool-call/todo.css
@@ -58,7 +58,7 @@
 .tool-call-todo-checkbox[data-status="completed"] {
   background-color: var(--accent-primary);
   border-color: var(--accent-primary);
-  color: var(--text-inverted);
+  color: var(--text-on-accent, #ffffff);
 }
 
 .tool-call-todo-checkbox[data-status="completed"]::after {
@@ -155,5 +155,5 @@
 
 .tool-call-todo-item-active .tool-call-todo-tag {
   background-color: var(--accent-primary);
-  color: var(--text-inverted);
+  color: var(--text-on-accent, #ffffff);
 }
diff --git a/packages/ui/src/styles/tokens.css b/packages/ui/src/styles/tokens.css
index 794a3843..c19e388b 100644
--- a/packages/ui/src/styles/tokens.css
+++ b/packages/ui/src/styles/tokens.css
@@ -18,6 +18,7 @@
   --text-secondary: #334155;
   --text-muted: #475569;
   --text-inverted: #ffffff;
+  --text-on-accent: #ffffff;
   
   /* Accent tokens */
   --accent-primary: #0066ff;
@@ -191,6 +192,7 @@
     --text-secondary: #999999;
     --text-muted: #999999;
     --text-inverted: #1a1a1a;
+    --text-on-accent: #f5f6f8;
     
     /* Accent tokens */
     --accent-primary: #0080ff;
@@ -357,6 +359,7 @@
   --text-secondary: #999999;
   --text-muted: #999999;
   --text-inverted: #1a1a1a;
+  --text-on-accent: #f5f6f8;
   
   /* Accent tokens */
   --accent-primary: #0080ff;