feat: update

constants/Colors.ts

@@ -1,19 +1,112 @@
-const tintColorLight = '#2f95dc';
-const tintColorDark = '#fff';
+/**
+ * 主题颜色配置
+ *
+ * 支持 light 和 dark 两种主题
+ * 可以通过 settingsStore 切换主题
+ */
+
+const tintColorLight = '#007AFF';
+const tintColorDark = '#0A84FF';
 
 export default {
   light: {
-    text: '#000',
-    background: '#fff',
+    // 文本颜色
+    text: '#000000',
+    textSecondary: '#666666',
+    textTertiary: '#999999',
+    textInverse: '#FFFFFF',
+
+    // 背景颜色
+    background: '#FFFFFF',
+    backgroundSecondary: '#F5F5F5',
+    backgroundTertiary: '#E5E5E5',
+
+    // 主题色
     tint: tintColorLight,
-    tabIconDefault: '#ccc',
+    primary: '#007AFF',
+    secondary: '#5856D6',
+    success: '#34C759',
+    warning: '#FF9500',
+    error: '#FF3B30',
+    info: '#5AC8FA',
+
+    // 边框颜色
+    border: '#E5E5E5',
+    borderSecondary: '#D1D1D6',
+
+    // Tab 图标
+    tabIconDefault: '#8E8E93',
     tabIconSelected: tintColorLight,
+
+    // 卡片
+    card: '#FFFFFF',
+    cardShadow: 'rgba(0, 0, 0, 0.1)',
+
+    // 输入框
+    inputBackground: '#FFFFFF',
+    inputBorder: '#D1D1D6',
+    inputPlaceholder: '#C7C7CC',
+
+    // 按钮
+    buttonPrimary: '#007AFF',
+    buttonSecondary: '#5856D6',
+    buttonDisabled: '#E5E5E5',
+    buttonText: '#FFFFFF',
+
+    // 分隔线
+    separator: '#E5E5E5',
+
+    // 覆盖层
+    overlay: 'rgba(0, 0, 0, 0.5)',
   },
   dark: {
-    text: '#fff',
-    background: '#000',
+    // 文本颜色
+    text: '#FFFFFF',
+    textSecondary: '#AEAEB2',
+    textTertiary: '#8E8E93',
+    textInverse: '#000000',
+
+    // 背景颜色
+    background: '#000000',
+    backgroundSecondary: '#1C1C1E',
+    backgroundTertiary: '#2C2C2E',
+
+    // 主题色
     tint: tintColorDark,
-    tabIconDefault: '#ccc',
+    primary: '#0A84FF',
+    secondary: '#5E5CE6',
+    success: '#32D74B',
+    warning: '#FF9F0A',
+    error: '#FF453A',
+    info: '#64D2FF',
+
+    // 边框颜色
+    border: '#38383A',
+    borderSecondary: '#48484A',
+
+    // Tab 图标
+    tabIconDefault: '#8E8E93',
     tabIconSelected: tintColorDark,
+
+    // 卡片
+    card: '#1C1C1E',
+    cardShadow: 'rgba(0, 0, 0, 0.3)',
+
+    // 输入框
+    inputBackground: '#1C1C1E',
+    inputBorder: '#38383A',
+    inputPlaceholder: '#636366',
+
+    // 按钮
+    buttonPrimary: '#0A84FF',
+    buttonSecondary: '#5E5CE6',
+    buttonDisabled: '#38383A',
+    buttonText: '#FFFFFF',
+
+    // 分隔线
+    separator: '#38383A',
+
+    // 覆盖层
+    overlay: 'rgba(0, 0, 0, 0.7)',
   },
 };