From 491de6d4eba15c26d64904de143b99bdcdb6a6d8 Mon Sep 17 00:00:00 2001
From: brennanb2025 <brennankbenson@gmail.com>
Date: Sun, 31 May 2026 18:30:12 -0700
Subject: [PATCH] Increase setup script prompt contrast

Co-authored-by: Orca <help@stably.ai>
---
 src/renderer/src/assets/main.css                       | 10 ++++++++++
 .../src/components/sidebar/SetupScriptPromptCard.tsx   |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/assets/main.css b/src/renderer/src/assets/main.css
index bd752b38837..c5263256367 100644
--- a/src/renderer/src/assets/main.css
+++ b/src/renderer/src/assets/main.css
@@ -846,6 +846,16 @@
   background: color-mix(in srgb, var(--accent) 30%, transparent);
 }
 
+/* Why: sidebar-accent sits too close to sidebar for this persistent prompt;
+   a foreground mix creates the requested light/dark separation without a new token. */
+.setup-script-prompt-card {
+  background: color-mix(in srgb, var(--sidebar-foreground) 5%, var(--sidebar));
+}
+
+.dark .setup-script-prompt-card {
+  background: color-mix(in srgb, var(--sidebar-foreground) 12%, var(--sidebar));
+}
+
 .worktree-agent-send-target-button {
   /* Why: the row remains an ordinary agent row during send-target mode; the
      action itself carries the AI target outline so the clickable affordance
diff --git a/src/renderer/src/components/sidebar/SetupScriptPromptCard.tsx b/src/renderer/src/components/sidebar/SetupScriptPromptCard.tsx
index df5c3fc1b0e..35315050f2d 100644
--- a/src/renderer/src/components/sidebar/SetupScriptPromptCard.tsx
+++ b/src/renderer/src/components/sidebar/SetupScriptPromptCard.tsx
@@ -381,7 +381,7 @@ function SetupScriptPromptCard(): React.JSX.Element | null {
 
   return (
     <div className="px-3 pb-2">
-      <div className="rounded-lg border border-sidebar-border bg-sidebar-accent p-3 text-sidebar-accent-foreground shadow-xs">
+      <div className="setup-script-prompt-card rounded-lg border border-sidebar-border p-3 text-sidebar-accent-foreground shadow-xs">
         <div className="flex items-center justify-between gap-2">
           <p className="text-sm font-semibold leading-snug">Add a setup script</p>
           <DismissButton onDismiss={handleDismiss} />