From f736884ca357468c8443fac6508be0572cfc32bc Mon Sep 17 00:00:00 2001 From: Nikhil Sonti Date: Tue, 19 Aug 2025 16:31:39 -0700 Subject: [PATCH] fix: dark theme in agent editor --- src/newtab/components/agents/AgentEditor/AgentEditorForm.tsx | 4 ++-- src/newtab/components/agents/AgentEditor/GoalSection.tsx | 2 +- src/newtab/components/agents/shared/ListEditor.tsx | 2 +- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/newtab/components/agents/AgentEditor/AgentEditorForm.tsx b/src/newtab/components/agents/AgentEditor/AgentEditorForm.tsx index 05b5b223..c35f1eb4 100644 --- a/src/newtab/components/agents/AgentEditor/AgentEditorForm.tsx +++ b/src/newtab/components/agents/AgentEditor/AgentEditorForm.tsx @@ -39,13 +39,13 @@ export function AgentEditorForm ({ value={name} onChange={(e) => onNameChange(e.target.value)} placeholder={DEFAULT_TITLE} - className='w-full text-[34px] font-semibold tracking-tight outline-none placeholder:text-muted-foreground' + className='w-full text-[34px] font-semibold tracking-tight outline-none placeholder:text-muted-foreground bg-transparent text-foreground' /> onDescriptionChange(e.target.value)} placeholder='Add a short description…' - className='w-full mt-2 text-[15px] text-muted-foreground outline-none placeholder:text-muted-foreground' + className='w-full mt-2 text-[15px] text-muted-foreground outline-none placeholder:text-muted-foreground bg-transparent' /> {/* Goal */} diff --git a/src/newtab/components/agents/AgentEditor/GoalSection.tsx b/src/newtab/components/agents/AgentEditor/GoalSection.tsx index 14945d8c..6f7e5a7a 100644 --- a/src/newtab/components/agents/AgentEditor/GoalSection.tsx +++ b/src/newtab/components/agents/AgentEditor/GoalSection.tsx @@ -20,7 +20,7 @@ export function GoalSection ({ goal, onChange, error }: GoalSectionProps) { onChange={(e) => onChange(e.target.value)} placeholder="One line description of the agent's goal, e.g. 'Help me summarise my emails'" minRows={1} - className={`w-full min-h-[28px] text-[16px] leading-7 outline-none resize-none placeholder:text-muted-foreground ${ + className={`w-full min-h-[28px] text-[16px] leading-7 outline-none resize-none placeholder:text-muted-foreground bg-transparent text-foreground ${ error ? 'ring-1 ring-red-500/60 rounded' : '' }`} /> diff --git a/src/newtab/components/agents/shared/ListEditor.tsx b/src/newtab/components/agents/shared/ListEditor.tsx index 5fa35b6d..2b4bf369 100644 --- a/src/newtab/components/agents/shared/ListEditor.tsx +++ b/src/newtab/components/agents/shared/ListEditor.tsx @@ -88,7 +88,7 @@ export function ListEditor ({ items, onChange, placeholder, itemPrefix, label, e onChange={(e) => updateItem(i, e.target.value)} onKeyDown={(e) => handleKeyDown(e, i)} placeholder={getPlaceholder(i)} - className='w-full min-h-[28px] text-[16px] leading-7 outline-none resize-none placeholder:text-muted-foreground' + className='w-full min-h-[28px] text-[16px] leading-7 outline-none resize-none placeholder:text-muted-foreground bg-transparent text-foreground' /> ))}