fix themes modal, Add English to the trip information tab

components/tripInfo/modal/components/InfoSection.tsx

@@ -15,7 +15,7 @@ export const InfoSection: React.FC<InfoSectionProps> = ({
   const { t } = useI18n();
   const { colors } = useThemeContext();
   const styles = React.useMemo(() => createStyles(colors), [colors]);
-  
+
   if (!fishingLog) {
     return null;
   }
@@ -80,7 +80,7 @@ const createStyles = (colors: any) =>
       borderRadius: 8,
       padding: 12,
       marginBottom: 12,
-      backgroundColor: colors.backgroundSecondary,
+      backgroundColor: colors.surfaceSecondary,
     },
     infoRow: {
       flexDirection: "row",

components/tripInfo/modal/style/CreateOrUpdateHaulModal.styles.ts

@@ -58,7 +58,7 @@ export const createStyles = (colors: typeof Colors.light) =>
       marginBottom: 15,
     },
     fishCard: {
-      backgroundColor: colors.card,
+      backgroundColor: colors.surfaceSecondary,
       borderRadius: 12,
       padding: 16,
       marginBottom: 16,
@@ -95,7 +95,7 @@ export const createStyles = (colors: typeof Colors.light) =>
     },
     input: {
       borderWidth: 1,
-      borderColor: colors.border,
+      borderColor: colors.primary,
       borderRadius: 8,
       paddingHorizontal: 12,
       paddingVertical: 10,
@@ -106,7 +106,7 @@ export const createStyles = (colors: typeof Colors.light) =>
     inputDisabled: {
       backgroundColor: colors.backgroundSecondary,
       color: colors.textSecondary,
-      borderColor: colors.separator,
+      borderColor: colors.border,
     },
     errorText: {
       color: colors.error,