From 394575759266d8561276006c033cc475be8bef63 Mon Sep 17 00:00:00 2001
From: Johannes du Plessis <johannes@langchain.dev>
Date: Tue, 16 Jun 2026 19:41:19 -0700
Subject: [PATCH] feat(ui): reintroduce subtle blue accents on greyscale
 frontend (#1555)

Restore a subtle blue --ui-accent token (driving send/stop buttons and
accent spots), the blue git status indicators for renamed/copied files,
and color the thread-list diff stat badge. Keeps the overall greyscale
aesthetic with tasteful blue/green/red accents.

Co-authored-by: open-swe[bot] <open-swe@users.noreply.github.com>
---
 ui/src/components/agents/AgentsSidebar.tsx            | 2 +-
 ui/src/components/agents/ported/CloudPromptBar.tsx    | 4 ++--
 ui/src/components/agents/ported/SourceControlTile.tsx | 4 ++--
 ui/src/styles/agents.css                              | 4 ++--
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/ui/src/components/agents/AgentsSidebar.tsx b/ui/src/components/agents/AgentsSidebar.tsx
index 390f700b..ce0ff15e 100644
--- a/ui/src/components/agents/AgentsSidebar.tsx
+++ b/ui/src/components/agents/AgentsSidebar.tsx
@@ -418,7 +418,7 @@ function ThreadRow({
             </PrIcon>
           )}
           {badge && (
-            <span className="shrink-0 rounded bg-[var(--ui-panel-2)] px-1.5 py-0.5 text-[10px] text-[var(--ui-text-dim)] group-hover:hidden">
+            <span className="shrink-0 rounded bg-[var(--ui-panel-2)] px-1.5 py-0.5 text-[10px] text-[var(--ui-success)] group-hover:hidden">
               {badge}
             </span>
           )}
diff --git a/ui/src/components/agents/ported/CloudPromptBar.tsx b/ui/src/components/agents/ported/CloudPromptBar.tsx
index e85aa0a9..eae135ff 100644
--- a/ui/src/components/agents/ported/CloudPromptBar.tsx
+++ b/ui/src/components/agents/ported/CloudPromptBar.tsx
@@ -37,7 +37,7 @@ function PlainSubmitButton({ canSubmit, submitting, onSubmit }: SubmitButtonProp
       onClick={onSubmit}
       disabled={!canSubmit}
       aria-label="Send message"
-      className="shrink-0 rounded-full bg-[var(--ui-text)] text-[var(--ui-bg)] hover:bg-[var(--ui-text)] hover:opacity-90 disabled:cursor-default disabled:opacity-40"
+      className="shrink-0 rounded-full bg-[var(--ui-accent)] text-white hover:bg-[var(--ui-accent)] hover:opacity-90 disabled:cursor-default disabled:opacity-40"
     >
       {submitting ? (
         <LoaderCircle className="size-3.5 animate-spin" />
@@ -87,7 +87,7 @@ function StreamSubmitButton(props: SubmitButtonProps) {
       disabled={stopping}
       aria-label="Stop run"
       title="Stop run"
-      className="shrink-0 rounded-full bg-[var(--ui-text)] text-[var(--ui-bg)] hover:bg-[var(--ui-text)] hover:opacity-90 disabled:cursor-default disabled:opacity-40"
+      className="shrink-0 rounded-full bg-[var(--ui-accent)] text-white hover:bg-[var(--ui-accent)] hover:opacity-90 disabled:cursor-default disabled:opacity-40"
     >
       {stopping ? (
         <LoaderCircle className="size-3.5 animate-spin" />
diff --git a/ui/src/components/agents/ported/SourceControlTile.tsx b/ui/src/components/agents/ported/SourceControlTile.tsx
index a844cb3e..c3ad5ec9 100644
--- a/ui/src/components/agents/ported/SourceControlTile.tsx
+++ b/ui/src/components/agents/ported/SourceControlTile.tsx
@@ -50,8 +50,8 @@ const STATUS_COLORS: Partial<Record<GitFileStatus, string>> = {
   "index-modified": "text-yellow-400",
   "index-added": "text-green-400",
   "index-deleted": "text-red-400",
-  "index-renamed": "text-gray-400",
-  "index-copied": "text-gray-400",
+  "index-renamed": "text-blue-400",
+  "index-copied": "text-blue-400",
   modified: "text-yellow-400",
   deleted: "text-red-400",
   untracked: "text-green-400",
diff --git a/ui/src/styles/agents.css b/ui/src/styles/agents.css
index 78d5a8ee..aa08d7ef 100644
--- a/ui/src/styles/agents.css
+++ b/ui/src/styles/agents.css
@@ -8,7 +8,7 @@
   --ui-text: oklch(0.148 0 0);
   --ui-text-muted: oklch(0.45 0 0);
   --ui-text-dim: oklch(0.56 0 0);
-  --ui-accent: oklch(0.44 0 0);
+  --ui-accent: oklch(0.52 0.12 250);
   --ui-accent-2: oklch(0.56 0 0);
   --ui-accent-bubble: oklch(0.962 0 0);
   --ui-code-bubble: oklch(0.962 0 0);
@@ -29,7 +29,7 @@
   --ui-text: oklch(0.985 0 0);
   --ui-text-muted: oklch(0.708 0 0);
   --ui-text-dim: oklch(0.556 0 0);
-  --ui-accent: oklch(0.78 0 0);
+  --ui-accent: oklch(0.72 0.13 250);
   --ui-accent-2: oklch(0.708 0 0);
   --ui-accent-bubble: oklch(0.274 0 0);
   --ui-code-bubble: oklch(0.248 0 0);