summaryrefslogtreecommitdiff
path: root/apps/mobile/constants
diff options
context:
space:
mode:
authorsoryu <soryu@soryu.co>2026-01-18 02:58:27 +0000
committersoryu <soryu@soryu.co>2026-01-18 02:58:27 +0000
commitfcf9e70d54bd737d2dea848d25314120f37db503 (patch)
treebc304a9e153485f7686830614b2ddae4d4ff182e /apps/mobile/constants
parentf84a7f2d820f6f432be2b1d78d6bf833b5b19380 (diff)
downloadsoryu-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.ts112
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',
+ },
+};