diff --git a/app/profile.tsx b/app/profile.tsx
index c91235e..edd389e 100644
--- a/app/profile.tsx
+++ b/app/profile.tsx
@@ -52,7 +52,7 @@ function EditNicknameModal({ initialName, onConfirm, onCancel }: EditNicknameMod
       content={
         <Block className="w-full">
           <Input
-            className="w-full rounded-lg border-2 border-black px-[12px] py-[10px] text-[14px]"
+            className="w-full rounded-lg border-2 border-[#323232] px-[12px] py-[10px] text-[14px]"
             placeholder="请输入6-12个字符"
             placeholderTextColor="#9CA3AF"
             value={name}
@@ -211,9 +211,9 @@ export default observer(function ProfilePage() {
   const renderHeader = () => (
     <Block className="flex-row items-center justify-between px-[16px] py-[10px]">
       <Block className="ml-[-8px] size-[40px] items-center justify-center" opacity={0.7} onClick={() => router.back()}>
-        <Ionicons color="black" name="chevron-back" size={24} />
+        <Ionicons color="#323232" name="chevron-back" size={24} />
       </Block>
-      <Text className="text-[16px] font-[700] text-black">个人信息</Text>
+      <Text className="text-[16px] font-[700] text-[#323232]">个人信息</Text>
       <Block className="w-[32px]" />
     </Block>
   )
@@ -243,7 +243,7 @@ export default observer(function ProfilePage() {
     <Block className="mx-[16px] mt-[32px] rounded-xl bg-white px-[16px]">
       {infoItems.map((item) => (
         <Block key={item.id} className="flex-row items-center gap-[12px] py-[16px]" onClick={item.onPress}>
-          <Text className="w-[56px] text-[14px] text-black">{item.label}</Text>
+          <Text className="w-[56px] text-[14px] text-[#323232]">{item.label}</Text>
           <Text
             className="flex-1 text-right text-[14px] text-[#9D9D9D]"
             style={{ color: item.valueGray ? '#9CA3AF' : '#000' }}
diff --git a/app/settings.tsx b/app/settings.tsx
index 811c241..9c269c5 100644
--- a/app/settings.tsx
+++ b/app/settings.tsx
@@ -79,26 +79,26 @@ export default observer(function SettingsPage() {
   const renderHeader = () => (
     <Block className="flex-row items-center justify-between px-[16px] py-[10px]">
       <Block className="ml-[-8px] size-[40px] items-center justify-center" opacity={0.7} onClick={() => router.back()}>
-        <Ionicons color="black" name="chevron-back" size={24} />
+        <Ionicons color="#323232" name="chevron-back" size={24} />
       </Block>
-      <Text className="text-[16px] font-[700] text-black">设置</Text>
+      <Text className="text-[16px] font-[700] text-[#323232]">设置</Text>
       <Block className="w-[32px]" />
     </Block>
   )
 
   const renderUserSection = () => (
     <Block className="flex-row items-center gap-[12px] px-[16px] py-[10px]" onClick={handleUserProfileClick}>
-      <Block className="size-[60px] items-center justify-center overflow-hidden rounded-full bg-gray-200">
+      <Block className="size-[68px] items-center justify-center overflow-hidden rounded-full bg-gray-200">
         {user?.image ? (
-          <Img src={user.image} style={{ width: 60, height: 60, borderRadius: 30 }} width={60} />
+          <Img src={user.image} style={{ width: 68, height: 68, borderRadius: 30 }} width={68} />
         ) : (
           <Ionicons color="#9CA3AF" name="person" size={32} />
         )}
       </Block>
       <Block className="flex-1">
-        <Text className="text-[16px] font-[700] text-black">{user?.name || user?.phoneNumber || '未登录'}</Text>
+        <Text className="text-[16px] font-[700] text-[#323232]">{user?.name || user?.phoneNumber || '未登录'}</Text>
         {(user?.phoneNumber || (user?.email && user?.emailVerified)) && user?.name && (
-          <Text className="mt-[4px] text-[12px] text-gray-500">{user.phoneNumber || user.email}</Text>
+          <Text className="mt-[4px] text-[12px] text-[#9D9D9D]">{user.phoneNumber || user.email}</Text>
         )}
       </Block>
       <Ionicons color="#323232" name="chevron-forward" size={20} />
@@ -112,9 +112,9 @@ export default observer(function SettingsPage() {
         {menuItems.map((item) => (
           <Block key={item.id}>
             <Block className="flex-row items-center gap-[12px] p-[16px]" onClick={item.onPress}>
-              <Ionicons color="#666" name={item.icon} size={22} />
-              <Text className="flex-1 text-[14px] text-black">{item.label}</Text>
-              <Ionicons color="#9CA3AF" name="chevron-forward" size={20} />
+              <Ionicons color="#323232" name={item.icon} size={22} />
+              <Text className="flex-1 text-[14px] text-[#323232]">{item.label}</Text>
+              <Ionicons color="#9D9D9D" name="chevron-forward" size={20} />
             </Block>
           </Block>
         ))}
@@ -125,7 +125,7 @@ export default observer(function SettingsPage() {
   const renderLogoutButton = () => (
     <Block className="mt-[40px] items-center px-[16px]">
       <Block className="w-full items-center justify-center rounded-xl bg-white py-[14px]" onClick={handleLogout}>
-        <Text className="text-[14px] font-[600] text-black">退出登录</Text>
+        <Text className="text-[14px] font-[600] text-[#323232]">退出登录</Text>
       </Block>
     </Block>
   )