Skip to content

Commit 72fa900

Browse files
phodalphodal
committed
feat(implementation): update color scheme for execution states in ExecutionStates component
1 parent a0ad868 commit 72fa900

File tree

1 file changed

+31
-31
lines changed

1 file changed

+31
-31
lines changed

‎src/components/ContextNav/ExecutionStates.jsx

Lines changed: 31 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ export const executionStates = [
3434
y: 100,
3535
width: 100,
3636
height: 80,
37-
color: '#dbeafe',
37+
color: '#dcfce7', // Light Green
3838
icon: Trello,
3939
},
4040
{
@@ -44,7 +44,7 @@ export const executionStates = [
4444
y: 100,
4545
width: 100,
4646
height: 80,
47-
color: '#bfdbfe',
47+
color: '#bbf7d0', // Medium Green
4848
icon: FileText,
4949
},
5050
{
@@ -54,7 +54,7 @@ export const executionStates = [
5454
y: 220,
5555
width: 100,
5656
height: 80,
57-
color: '#93c5fd',
57+
color: '#dbeafe', // Light Blue (AI)
5858
icon: BrainCircuit,
5959
},
6060
{
@@ -64,7 +64,7 @@ export const executionStates = [
6464
y: 220,
6565
width: 100,
6666
height: 80,
67-
color: '#60a5fa',
67+
color: '#93c5fd', // Dark Blue (Output)
6868
icon: Clipboard,
6969
},
7070
],
@@ -90,7 +90,7 @@ export const executionStates = [
9090
y: 100,
9191
width: 100,
9292
height: 80,
93-
color: '#dbeafe',
93+
color: '#dcfce7', // Light Green
9494
icon: Layers,
9595
},
9696
{
@@ -100,7 +100,7 @@ export const executionStates = [
100100
y: 100,
101101
width: 100,
102102
height: 80,
103-
color: '#bfdbfe',
103+
color: '#bbf7d0', // Medium Green
104104
icon: Kanban,
105105
},
106106
{
@@ -110,7 +110,7 @@ export const executionStates = [
110110
y: 220,
111111
width: 100,
112112
height: 80,
113-
color: '#93c5fd',
113+
color: '#dbeafe', // Light Blue (AI)
114114
icon: BrainCircuit,
115115
},
116116
{
@@ -120,7 +120,7 @@ export const executionStates = [
120120
y: 220,
121121
width: 100,
122122
height: 80,
123-
color: '#60a5fa',
123+
color: '#bfdbfe', // Medium Blue (AI)
124124
icon: BrainCircuit,
125125
},
126126
],
@@ -147,7 +147,7 @@ export const executionStates = [
147147
y: 100,
148148
width: 100,
149149
height: 80,
150-
color: '#dbeafe',
150+
color: '#ede9fe', // Light Purple
151151
icon: GitBranch,
152152
},
153153
{
@@ -157,7 +157,7 @@ export const executionStates = [
157157
y: 100,
158158
width: 100,
159159
height: 80,
160-
color: '#bfdbfe',
160+
color: '#ddd6fe', // Medium Purple
161161
icon: Code2,
162162
},
163163
{
@@ -167,7 +167,7 @@ export const executionStates = [
167167
y: 220,
168168
width: 100,
169169
height: 80,
170-
color: '#93c5fd',
170+
color: '#dbeafe', // Light Blue (AI)
171171
icon: BrainCircuit,
172172
},
173173
{
@@ -177,7 +177,7 @@ export const executionStates = [
177177
y: 220,
178178
width: 100,
179179
height: 80,
180-
color: '#60a5fa',
180+
color: '#bfdbfe', // Medium Blue (AI)
181181
icon: BrainCircuit,
182182
},
183183
],
@@ -204,7 +204,7 @@ export const executionStates = [
204204
y: 100,
205205
width: 100,
206206
height: 80,
207-
color: '#dbeafe',
207+
color: '#ede9fe', // Light Purple
208208
icon: Cpu,
209209
},
210210
{
@@ -214,7 +214,7 @@ export const executionStates = [
214214
y: 100,
215215
width: 100,
216216
height: 80,
217-
color: '#bfdbfe',
217+
color: '#ddd6fe', // Medium Purple
218218
icon: Hammer,
219219
},
220220
{
@@ -224,7 +224,7 @@ export const executionStates = [
224224
y: 220,
225225
width: 100,
226226
height: 80,
227-
color: '#93c5fd',
227+
color: '#dbeafe', // Light Blue (AI)
228228
icon: BrainCircuit,
229229
},
230230
{
@@ -234,7 +234,7 @@ export const executionStates = [
234234
y: 220,
235235
width: 100,
236236
height: 80,
237-
color: '#60a5fa',
237+
color: '#bfdbfe', // Medium Blue (AI)
238238
icon: BrainCircuit,
239239
},
240240
],
@@ -261,7 +261,7 @@ export const executionStates = [
261261
y: 100,
262262
width: 100,
263263
height: 80,
264-
color: '#dbeafe',
264+
color: '#ffedd5', // Light Orange
265265
icon: Database,
266266
},
267267
{
@@ -271,7 +271,7 @@ export const executionStates = [
271271
y: 100,
272272
width: 100,
273273
height: 80,
274-
color: '#bfdbfe',
274+
color: '#fed7aa', // Medium Orange
275275
icon: Server,
276276
},
277277
{
@@ -281,7 +281,7 @@ export const executionStates = [
281281
y: 220,
282282
width: 100,
283283
height: 80,
284-
color: '#93c5fd',
284+
color: '#dbeafe', // Light Blue (AI)
285285
icon: BrainCircuit,
286286
},
287287
{
@@ -291,7 +291,7 @@ export const executionStates = [
291291
y: 220,
292292
width: 100,
293293
height: 80,
294-
color: '#60a5fa',
294+
color: '#bfdbfe', // Medium Blue (AI)
295295
icon: BrainCircuit,
296296
},
297297
],
@@ -318,7 +318,7 @@ export const executionStates = [
318318
y: 100,
319319
width: 100,
320320
height: 80,
321-
color: '#dbeafe',
321+
color: '#ffedd5', // Light Orange
322322
icon: BarChart,
323323
},
324324
{
@@ -328,7 +328,7 @@ export const executionStates = [
328328
y: 100,
329329
width: 100,
330330
height: 80,
331-
color: '#bfdbfe',
331+
color: '#fed7aa', // Medium Orange
332332
icon: MessageSquare,
333333
},
334334
{
@@ -338,7 +338,7 @@ export const executionStates = [
338338
y: 220,
339339
width: 100,
340340
height: 80,
341-
color: '#93c5fd',
341+
color: '#dbeafe', // Light Blue (AI)
342342
icon: BrainCircuit,
343343
},
344344
{
@@ -348,7 +348,7 @@ export const executionStates = [
348348
y: 220,
349349
width: 100,
350350
height: 80,
351-
color: '#60a5fa',
351+
color: '#bfdbfe', // Medium Blue (AI)
352352
icon: BrainCircuit,
353353
},
354354
],
@@ -375,7 +375,7 @@ export const executionStates = [
375375
y: 50,
376376
width: 100,
377377
height: 70,
378-
color: '#dbeafe',
378+
color: '#dcfce7', // Light Green
379379
icon: Clipboard,
380380
},
381381
{
@@ -385,7 +385,7 @@ export const executionStates = [
385385
y: 50,
386386
width: 100,
387387
height: 70,
388-
color: '#bfdbfe',
388+
color: '#bbf7d0', // Medium Green
389389
icon: Layers,
390390
},
391391
{
@@ -395,7 +395,7 @@ export const executionStates = [
395395
y: 150,
396396
width: 100,
397397
height: 70,
398-
color: '#93c5fd',
398+
color: '#ede9fe', // Light Purple
399399
icon: Code2,
400400
},
401401
{
@@ -405,7 +405,7 @@ export const executionStates = [
405405
y: 250,
406406
width: 100,
407407
height: 70,
408-
color: '#60a5fa',
408+
color: '#ddd6fe', // Medium Purple
409409
icon: Bug,
410410
},
411411
{
@@ -415,7 +415,7 @@ export const executionStates = [
415415
y: 350,
416416
width: 100,
417417
height: 70,
418-
color: '#3b82f6',
418+
color: '#ffedd5', // Light Orange
419419
icon: Rocket,
420420
},
421421
{
@@ -425,7 +425,7 @@ export const executionStates = [
425425
y: 250,
426426
width: 100,
427427
height: 70,
428-
color: '#2563eb',
428+
color: '#fed7aa', // Medium Orange
429429
icon: Hammer,
430430
},
431431
{
@@ -435,7 +435,7 @@ export const executionStates = [
435435
y: 200,
436436
width: 100,
437437
height: 70,
438-
color: '#dbeafe',
438+
color: '#dbeafe', // Light Blue (Central AI)
439439
icon: BrainCircuit,
440440
},
441441
],

0 commit comments

Comments
 (0)