From 0f9e366ad5ea50222519d8499e2b2f30a1a6cb01 Mon Sep 17 00:00:00 2001
From: dtoro <d.toro.v@pm.me>
Date: Tue, 21 Jul 2026 11:46:49 +0200
Subject: [PATCH] fix(web): tool-call checkmarks nearly invisible on the
 terracotta (light) theme
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

text-success/50 and /60 washed out to almost nothing against the light
theme's cream card background — full-opacity text-success still reads
as a calm, muted green (not alarming) but is actually visible on both
themes.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 web/src/lib/components/ChatThread.svelte   | 2 +-
 web/src/lib/components/ToolCallCard.svelte | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/lib/components/ChatThread.svelte b/web/src/lib/components/ChatThread.svelte
index 1a96c70..0ad8c1c 100644
--- a/web/src/lib/components/ChatThread.svelte
+++ b/web/src/lib/components/ChatThread.svelte
@@ -241,7 +241,7 @@
                 </div>
               {/if}
               {#if idx === messages.length - 1 && msg.text === '' && (streaming || indicatorDone || error)}
-                <div class="flex items-center gap-2 py-1 text-xs {error ? 'text-destructive' : indicatorDone ? 'text-success/50' : 'text-muted-foreground'}">
+                <div class="flex items-center gap-2 py-1 text-xs {error ? 'text-destructive' : indicatorDone ? 'text-success' : 'text-muted-foreground'}">
                   {#if error}
                     <XIcon class="size-3 shrink-0" />
                   {:else if indicatorDone}
diff --git a/web/src/lib/components/ToolCallCard.svelte b/web/src/lib/components/ToolCallCard.svelte
index f002737..0640445 100644
--- a/web/src/lib/components/ToolCallCard.svelte
+++ b/web/src/lib/components/ToolCallCard.svelte
@@ -14,7 +14,7 @@
   const statusColor = $derived.by(() => {
     if (status === 'running') return 'text-primary'
     if (status === 'error') return 'text-destructive'
-    return 'text-success/60'
+    return 'text-success'
   })
 
   const argsSummary = $derived.by(() => {