Tweak some colors

src/Navigation.tsx

@@ -18,9 +18,6 @@ import IconEvent from '@assets/icons/event.svg';
 import IconInfo from '@assets/icons/information-circle.svg';
 import IconPerson from '@assets/icons/person.svg';
 
-// This looks ugly, even though it's a recommended style from the branding profile.
-// TODO: Change this
-// also TODO: make sure battery indicator etc. is visible
 const defaultNavigationStyle = {
   headerTintColor: theme.colors.white,
   headerTitleAlign: 'center',

src/components/FormErrors.tsx

@@ -30,10 +30,8 @@ const FormErrors = ({ errors }: { errors: Record<string, any> | Error }) => {
 
   return (
     <View style={styles.container}>
-      <IconExclamationTriangle width={20} height={20} style={styles.icon} />
-      <View>
-        <Text style={theme.typography.body}>{errorFormatted}</Text>
-      </View>
+      <IconExclamationTriangle width={20} height={20} fill={theme.colors.white} style={styles.icon} />
+      <Text style={[theme.typography.body, styles.message]}>{errorFormatted}</Text>
     </View>
   );
 };
@@ -42,15 +40,17 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
     flexDirection: 'row',
-    backgroundColor: '#fecaca',
+    backgroundColor: theme.colors.danger,
     padding: 12,
     borderRadius: 4,
-    borderWidth: 1,
-    borderColor: theme.colors.danger,
   },
   icon: {
     marginRight: 8,
   },
+  message: {
+    flex: 1,
+    color: theme.colors.white,
+  },
 });
 
 export default FormErrors;

src/components/PrivacyButton.tsx

@@ -16,7 +16,7 @@ const styles = StyleSheet.create({
   },
   linkText: {
     ...theme.typography.body,
-    color: theme.colors.deepBrick,
+    color: theme.colors.chateauBlue,
     textAlign: 'center',
     textDecorationLine: 'underline',
   },

src/modules/events/EventList.tsx

@@ -51,7 +51,7 @@ const EventList = () => {
           )}
         </View>
         <View style={styles.arrow}>
-          <Icon name="arrow-right" size={20} style={{ color: theme.colors.black }} />
+          <Icon name="arrow-right" size={20} color={theme.colors.chateauBlue} />
         </View>
       </View>
     </TouchableOpacity>

src/modules/membership/UserDelete.tsx

@@ -67,7 +67,7 @@ const styles = StyleSheet.create({
   paragraph: {
     ...theme.typography.body,
     textAlign: 'center',
-    color: theme.colors.black,
+    color: theme.colors.chateauBlue,
     paddingBottom: 10,
   },
   bold: {
@@ -84,7 +84,7 @@ const styles = StyleSheet.create({
   headerTitle: {
     ...theme.typography.h2,
     textAlign: 'center',
-    color: theme.colors.black,
+    color: theme.colors.chateauBlue,
     paddingVertical: 10,
   },
 });

src/modules/settings/NotificationRow.tsx

@@ -37,9 +37,9 @@ const NotificationRow = ({ expiryDate, showToast }: NotificationRowProps) => {
           accessibilityLabel={LABEL}
           value={hasPermission || false}
           onValueChange={handleToggle}
-          trackColor={{ false: theme.colors.betongGrayDarkened, true: theme.colors.goldenOrange }}
+          trackColor={{ false: theme.colors.chateauBlue05, true: theme.colors.goldenOrange }}
           thumbColor={theme.colors.white}
-          ios_backgroundColor={theme.colors.betongGrayDarkened}
+          ios_backgroundColor={theme.colors.chateauBlue05}
         />
       }
     />