From 56365d7c6111938b93cd0d444bf0fac37995f3a4 Mon Sep 17 00:00:00 2001
From: emergent-agent-e1 <github@emergent.sh>
Date: Sun, 9 Nov 2025 02:39:34 +0000
Subject: [PATCH] auto-commit for 0d1c3e4f-2b7d-4ce4-a869-74d348e500b6

---
 frontend/src/screens/SettingsScreen.tsx | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/frontend/src/screens/SettingsScreen.tsx b/frontend/src/screens/SettingsScreen.tsx
index 97278de6..f534a0b5 100644
--- a/frontend/src/screens/SettingsScreen.tsx
+++ b/frontend/src/screens/SettingsScreen.tsx
@@ -66,23 +66,27 @@ export default function SettingsScreen({ navigation }: any) {
 
   const SettingSection = ({ title, children }: any) => (
     <View style={styles.section}>
-      <Text style={styles.sectionTitle}>{title}</Text>
+      <Text style={[styles.sectionTitle, { color: colors.textSecondary }]}>{title}</Text>
       {children}
     </View>
   );
 
   const SettingItem = ({ icon, title, subtitle, onPress, rightElement }: any) => (
-    <TouchableOpacity style={styles.settingItem} onPress={onPress} disabled={!onPress}>
+    <TouchableOpacity 
+      style={[styles.settingItem, { backgroundColor: colors.card }]} 
+      onPress={onPress} 
+      disabled={!onPress}
+    >
       <View style={styles.settingItemLeft}>
-        <View style={styles.iconContainer}>
-          <Ionicons name={icon} size={20} color="#EE2A35" />
+        <View style={[styles.iconContainer, { backgroundColor: colors.primary + '20' }]}>
+          <Ionicons name={icon} size={20} color={colors.primary} />
         </View>
         <View style={styles.settingItemContent}>
-          <Text style={styles.settingItemTitle}>{title}</Text>
-          {subtitle && <Text style={styles.settingItemSubtitle}>{subtitle}</Text>}
+          <Text style={[styles.settingItemTitle, { color: colors.text }]}>{title}</Text>
+          {subtitle && <Text style={[styles.settingItemSubtitle, { color: colors.textSecondary }]}>{subtitle}</Text>}
         </View>
       </View>
-      {rightElement || <Ionicons name="chevron-forward" size={20} color="#9CA3AF" />}
+      {rightElement || <Ionicons name="chevron-forward" size={20} color={colors.textSecondary} />}
     </TouchableOpacity>
   );