From c17ae944ff52f61734b106ead3e12de0c40e8848 Mon Sep 17 00:00:00 2001
From: Nicholas Charriere <nicholascharriere@gmail.com>
Date: Tue, 20 Aug 2024 10:19:20 -0700
Subject: [PATCH] Fix colors on generate cells with AI (#190)

---
 packages/web/src/components/cells/generate-ai.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/components/cells/generate-ai.tsx b/packages/web/src/components/cells/generate-ai.tsx
index 53e84d3e..42e5b69c 100644
--- a/packages/web/src/components/cells/generate-ai.tsx
+++ b/packages/web/src/components/cells/generate-ai.tsx
@@ -58,7 +58,7 @@ export default function GenerateAiCell(props: {
       className={cn(
         'group/cell relative w-full rounded-md border border-border transition-all',
         state === 'loading'
-          ? 'ring-1 ring-run-ring border-run-ring'
+          ? 'ring-1 ring-ai-ring border-ai-ring'
           : 'focus-within:ring-1 focus-within:ring-ring focus-within:border-ring',
         error &&
           'ring-1 ring-sb-red-30 border-sb-red-30 hover:border-sb-red-30 focus-within:border-sb-red-30 focus-within:ring-sb-red-30',
@@ -82,7 +82,7 @@ export default function GenerateAiCell(props: {
             <Button
               disabled={!prompt || !aiEnabled}
               onClick={generate}
-              variant={state === 'idle' ? 'default' : 'run'}
+              variant={state === 'idle' ? 'default' : 'ai'}
             >
               {state === 'idle' ? 'Generate' : 'Generating'}
             </Button>