diff options
| author | soryu <soryu@soryu.co> | 2026-01-18 02:58:27 +0000 |
|---|---|---|
| committer | soryu <soryu@soryu.co> | 2026-01-18 02:58:27 +0000 |
| commit | fcf9e70d54bd737d2dea848d25314120f37db503 (patch) | |
| tree | bc304a9e153485f7686830614b2ddae4d4ff182e /apps/mobile/constants | |
| parent | f84a7f2d820f6f432be2b1d78d6bf833b5b19380 (diff) | |
| download | soryu-fcf9e70d54bd737d2dea848d25314120f37db503.tar.gz soryu-fcf9e70d54bd737d2dea848d25314120f37db503.zip | |
[WIP] Heartbeat checkpoint - 2026-01-18 02:58:27 UTC
Diffstat (limited to 'apps/mobile/constants')
| -rw-r--r-- | apps/mobile/constants/Colors.ts | 112 |
1 files changed, 112 insertions, 0 deletions
diff --git a/apps/mobile/constants/Colors.ts b/apps/mobile/constants/Colors.ts new file mode 100644 index 0000000..42685d5 --- /dev/null +++ b/apps/mobile/constants/Colors.ts @@ -0,0 +1,112 @@ +/** + * Color constants for the Makima mobile app + */ + +const tintColorLight = '#6366f1'; // Indigo +const tintColorDark = '#818cf8'; + +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', + }, +}; |
