feat: 优化个人中心页面

constants/Colors.ts

@@ -3,7 +3,8 @@
  * There are many other ways to style your app. For example, [Nativewind](https://www.nativewind.dev/), [Tamagui](https://tamagui.dev/), [unistyles](https://reactnativeunistyles.vercel.app), etc.
  */
 
-const tintColorLight = '#0a7ea4';
+const primaryColor = '#BBF246'; // 应用主题色
+const tintColorLight = primaryColor;
 const tintColorDark = '#fff';
 
 export const Colors = {
@@ -11,16 +12,22 @@ export const Colors = {
     text: '#11181C',
     background: '#fff',
     tint: tintColorLight,
+    primary: primaryColor,
     icon: '#687076',
     tabIconDefault: '#687076',
-    tabIconSelected: tintColorLight,
+    tabIconSelected: '#192126', // tab 激活时的文字/图标颜色（深色，在亮色背景上显示）
+    tabBarBackground: '#192126', // tab 栏背景色
+    tabBarActiveBackground: primaryColor, // tab 激活时的背景色
   },
   dark: {
     text: '#ECEDEE',
     background: '#151718',
     tint: tintColorDark,
+    primary: primaryColor,
     icon: '#9BA1A6',
     tabIconDefault: '#9BA1A6',
-    tabIconSelected: tintColorDark,
+    tabIconSelected: '#192126', // 在亮色背景上使用深色文字
+    tabBarBackground: '#192126',
+    tabBarActiveBackground: primaryColor,
   },
 };