1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
|
/**
* Color constants for the Makima mobile app
*/
const tintColorLight = '#6366f1'; // Indigo
const tintColorDark = '#818cf8';
/** Type for theme colors */
export type ThemeColors = typeof Colors.light;
export const Colors = {
light: {
text: '#11181C',
secondaryText: '#687076',
textSecondary: '#687076',
background: '#fff',
secondaryBackground: '#f4f4f5',
tint: tintColorLight,
icon: '#687076',
tabIconDefault: '#687076',
tabIconSelected: tintColorLight,
border: '#e4e4e7',
card: '#fff',
// Input field colors
input: '#f4f4f5',
inputBorder: '#e4e4e7',
inputPlaceholder: '#a1a1aa',
// Button colors
buttonPrimary: tintColorLight,
buttonPrimaryText: '#ffffff',
buttonDisabled: '#d4d4d8',
// Status colors
error: '#ef4444',
success: '#22c55e',
warning: '#f59e0b',
// Link color
link: tintColorLight,
},
dark: {
text: '#ECEDEE',
secondaryText: '#9BA1A6',
textSecondary: '#9BA1A6',
background: '#09090b',
secondaryBackground: '#18181b',
tint: tintColorDark,
icon: '#9BA1A6',
tabIconDefault: '#9BA1A6',
tabIconSelected: tintColorDark,
border: '#27272a',
card: '#18181b',
// Input field colors
input: '#27272a',
inputBorder: '#3f3f46',
inputPlaceholder: '#71717a',
// Button colors
buttonPrimary: tintColorDark,
buttonPrimaryText: '#000000',
buttonDisabled: '#52525b',
// Status colors
error: '#f87171',
success: '#4ade80',
warning: '#fbbf24',
// Link color
link: tintColorDark,
},
};
// Task status colors
export const TaskStatusColors = {
pending: {
bg: '#fef3c7',
text: '#92400e',
dot: '#f59e0b',
},
initializing: {
bg: '#dbeafe',
text: '#1e40af',
dot: '#3b82f6',
},
starting: {
bg: '#dbeafe',
text: '#1e40af',
dot: '#3b82f6',
},
running: {
bg: '#dcfce7',
text: '#166534',
dot: '#22c55e',
},
paused: {
bg: '#f3e8ff',
text: '#6b21a8',
dot: '#a855f7',
},
blocked: {
bg: '#fee2e2',
text: '#991b1b',
dot: '#ef4444',
},
done: {
bg: '#e0e7ff',
text: '#3730a3',
dot: '#6366f1',
},
failed: {
bg: '#fee2e2',
text: '#991b1b',
dot: '#ef4444',
},
merged: {
bg: '#e0e7ff',
text: '#3730a3',
dot: '#6366f1',
},
};
|
