Skip to content

Commit 23c93e9

Browse files
nolancacheuxnolancacheux
committed
style: replace indigo with terracotta in UI components
1 parent f3fd11c commit 23c93e9

File tree

4 files changed

+23
-23
lines changed

4 files changed

+23
-23
lines changed

‎src/components/analysis/ml-info-panel.tsx‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -34,15 +34,15 @@ export function MLInfoPanel({
3434
return (
3535
<div className="rounded-lg border bg-white overflow-hidden">
3636
<div className="px-4 py-2.5 border-b bg-[#FAFAFA] flex items-center gap-2">
37-
<Brain className="h-4 w-4 text-indigo-600" />
37+
<Brain className="h-4 w-4 text-[#D4714E]" />
3838
<h3 className="text-sm font-semibold tracking-tight">ML Pipeline</h3>
3939
{isProcessing && (
4040
<span className="ml-auto flex items-center gap-1.5">
4141
<span className="relative flex h-2 w-2">
42-
<span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-indigo-400 opacity-75"></span>
43-
<span className="relative inline-flex rounded-full h-2 w-2 bg-indigo-500"></span>
42+
<span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-[#E08B6D] opacity-75"></span>
43+
<span className="relative inline-flex rounded-full h-2 w-2 bg-[#D4714E]"></span>
4444
</span>
45-
<span className="text-[10px] text-indigo-600 font-medium">Active</span>
45+
<span className="text-[10px] text-[#D4714E] font-medium">Active</span>
4646
</span>
4747
)}
4848
</div>
@@ -106,7 +106,7 @@ export function MLInfoPanel({
106106
{/* Time */}
107107
<div className="rounded bg-slate-50 p-2">
108108
<div className="flex items-center gap-1.5">
109-
<Clock className="h-3 w-3 text-indigo-500" />
109+
<Clock className="h-3 w-3 text-[#D4714E]" />
110110
<span className="text-[10px] text-muted-foreground">Time</span>
111111
</div>
112112
<p className="text-sm font-bold tabular-nums mt-0.5">
@@ -137,15 +137,15 @@ export function MLInfoPanel({
137137

138138
{/* Embedding visualization when processing */}
139139
{isProcessing && (
140-
<div className="rounded bg-indigo-50 p-2">
141-
<p className="text-[10px] text-indigo-600 font-medium mb-1.5">
140+
<div className="rounded bg-[#D4714E]/5 p-2">
141+
<p className="text-[10px] text-[#D4714E] font-medium mb-1.5">
142142
Generating Embeddings
143143
</p>
144144
<div className="flex gap-0.5">
145145
{Array.from({ length: 20 }).map((_, i) => (
146146
<div
147147
key={i}
148-
className="flex-1 h-3 rounded-sm bg-indigo-200"
148+
className="flex-1 h-3 rounded-sm bg-[#D4714E]/20"
149149
style={{
150150
animation: `pulse 1.5s ease-in-out ${i * 0.1}s infinite`,
151151
opacity: 0.3 + Math.random() * 0.7,

‎src/components/analysis/progress-terminal.tsx‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -95,10 +95,10 @@ export function ProgressTerminal({
9595
return (
9696
<div className="h-full flex flex-col rounded-lg border bg-white overflow-hidden">
9797
{/* Header */}
98-
<div className="px-5 py-4 border-b bg-gradient-to-r from-indigo-50 to-white">
98+
<div className="px-5 py-4 border-b bg-gradient-to-r from-[#D4714E]/5 to-white">
9999
<div className="flex items-center justify-between mb-1">
100100
<h3 className="font-semibold text-slate-800">Analyzing Video</h3>
101-
<span className="text-sm font-medium text-indigo-600 tabular-nums">
101+
<span className="text-sm font-medium text-[#D4714E] tabular-nums">
102102
{Math.round(progress)}%
103103
</span>
104104
</div>
@@ -129,7 +129,7 @@ export function ProgressTerminal({
129129
className={cn(
130130
"h-8 w-8 rounded-full flex items-center justify-center flex-shrink-0 transition-all",
131131
status === "complete" && "bg-emerald-100 text-emerald-600",
132-
status === "active" && "bg-indigo-100 text-indigo-600",
132+
status === "active" && "bg-[#D4714E]/10 text-[#D4714E]",
133133
status === "error" && "bg-red-100 text-red-600",
134134
status === "pending" && "bg-slate-100 text-slate-400"
135135
)}
@@ -158,7 +158,7 @@ export function ProgressTerminal({
158158
className={cn(
159159
"text-sm font-medium leading-tight",
160160
status === "complete" && "text-emerald-700",
161-
status === "active" && "text-indigo-700",
161+
status === "active" && "text-[#B85D3E]",
162162
status === "error" && "text-red-700",
163163
status === "pending" && "text-slate-400"
164164
)}
@@ -176,21 +176,21 @@ export function ProgressTerminal({
176176

177177
{/* Show progress for extracting/analyzing stages */}
178178
{status === "active" && stage.id === "extracting_comments" && commentsFound !== undefined && (
179-
<p className="text-xs mt-1 text-indigo-600 font-medium tabular-nums">
179+
<p className="text-xs mt-1 text-[#D4714E] font-medium tabular-nums">
180180
{commentsFound.toLocaleString()} comments found
181181
</p>
182182
)}
183183
{status === "active" && stage.id === "analyzing_sentiment" && commentsAnalyzed !== undefined && commentsFound !== undefined && (
184184
<div className="mt-1.5">
185185
<div className="flex items-center justify-between text-xs mb-1">
186186
<span className="text-slate-500">Processing comments</span>
187-
<span className="text-indigo-600 font-medium tabular-nums">
187+
<span className="text-[#D4714E] font-medium tabular-nums">
188188
{commentsAnalyzed}/{commentsFound}
189189
</span>
190190
</div>
191191
<div className="h-1.5 bg-slate-100 rounded-full overflow-hidden">
192192
<div
193-
className="h-full bg-indigo-500 rounded-full transition-all duration-300"
193+
className="h-full bg-[#D4714E] rounded-full transition-all duration-300"
194194
style={{ width: `${commentsFound > 0 ? (commentsAnalyzed / commentsFound) * 100 : 0}%` }}
195195
/>
196196
</div>
@@ -205,11 +205,11 @@ export function ProgressTerminal({
205205

206206
{/* Current Stage Highlight + Cancel Button */}
207207
{currentStageInfo && currentStage !== "complete" && currentStage !== "error" && (
208-
<div className="px-5 py-3 border-t bg-indigo-50">
208+
<div className="px-5 py-3 border-t bg-[#D4714E]/5">
209209
<div className="flex items-center justify-between">
210210
<div className="flex items-center gap-2">
211-
<Loader2 className="h-4 w-4 text-indigo-600 animate-spin" />
212-
<span className="text-sm text-indigo-700 font-medium">
211+
<Loader2 className="h-4 w-4 text-[#D4714E] animate-spin" />
212+
<span className="text-sm text-[#B85D3E] font-medium">
213213
{currentStageInfo.label}...
214214
</span>
215215
</div>

‎src/components/layout/sidebar.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -129,8 +129,8 @@ export function Sidebar({
129129
<div
130130
onMouseDown={handleMouseDown}
131131
className={cn(
132-
"absolute right-0 top-0 bottom-0 w-1 cursor-col-resize hover:bg-indigo-400 transition-colors z-10",
133-
isResizing && "bg-indigo-500"
132+
"absolute right-0 top-0 bottom-0 w-1 cursor-col-resize hover:bg-[#E08B6D] transition-colors z-10",
133+
isResizing && "bg-[#D4714E]"
134134
)}
135135
/>
136136
{/* Header with toggle */}
@@ -165,7 +165,7 @@ export function Sidebar({
165165
onClick={onNewAnalysis}
166166
disabled={isAnalyzing}
167167
className={cn(
168-
"bg-indigo-600 hover:bg-indigo-700 text-white h-9",
168+
"bg-[#D4714E] hover:bg-[#B85D3E] text-white h-9",
169169
collapsed ? "w-full px-0" : "w-full"
170170
)}
171171
title="New Analysis"
@@ -212,7 +212,7 @@ export function Sidebar({
212212
className={cn(
213213
"group relative flex items-center rounded-lg cursor-pointer transition-colors hover:bg-slate-50",
214214
collapsed ? "p-1 justify-center" : "p-2 gap-2",
215-
selectedId === item.id && "bg-indigo-50 ring-1 ring-indigo-200"
215+
selectedId === item.id && "bg-[#D4714E]/5 ring-1 ring-[#D4714E]/20"
216216
)}
217217
onClick={() => onSelectHistory(item)}
218218
title={collapsed ? item.video_title : undefined}

‎src/components/results/sentiment-summary.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -183,7 +183,7 @@ export function SentimentSection({
183183
{summary ? (
184184
<div className="px-5 py-4 border-b border-stone-100">
185185
<div className="flex items-start gap-3">
186-
<Sparkles className="h-4 w-4 text-indigo-500 mt-0.5 flex-shrink-0" />
186+
<Sparkles className="h-4 w-4 text-[#D4714E] mt-0.5 flex-shrink-0" />
187187
<div className="flex-1 space-y-2">
188188
<div className="flex items-center gap-2 text-[11px] uppercase tracking-wider text-stone-500">
189189
<span>Summary</span>

0 commit comments

Comments
 (0)