diff --git a/src/components/contacts/ContactListRow.tsx b/src/components/contacts/ContactListRow.tsx index 9953961d..ac1ed211 100644 --- a/src/components/contacts/ContactListRow.tsx +++ b/src/components/contacts/ContactListRow.tsx @@ -136,6 +136,6 @@ function makeStyles(c: ThemePalette) { info: { flex: 1, minWidth: 0 }, name: { ...typography.bodyMedium, color: c.text }, subtitle: { ...typography.caption, color: c.textMuted, marginTop: 1 }, - tertiary: { ...typography.small, color: c.textSecondary, marginTop: 1 }, + tertiary: { ...typography.caption, color: c.mutedForeground, marginTop: 1 }, }); } diff --git a/src/screens/ContactFormScreen.tsx b/src/screens/ContactFormScreen.tsx index 78502216..5e28c384 100644 --- a/src/screens/ContactFormScreen.tsx +++ b/src/screens/ContactFormScreen.tsx @@ -1982,7 +1982,7 @@ function makeStyles(c: ThemePalette) { sectionBody: { gap: spacing.sm, paddingLeft: spacing.lg + spacing.xs }, field: { gap: 4 }, - fieldLabel: { ...typography.caption, color: c.textMuted }, + fieldLabel: { ...typography.caption, color: c.mutedForeground }, row2: { flexDirection: 'row', gap: spacing.sm }, input: { @@ -1990,7 +1990,8 @@ function makeStyles(c: ThemePalette) { borderWidth: 1, borderColor: c.border, borderRadius: radius.sm, - backgroundColor: c.surface, + // The shared Input: transparent, bordered (webmail contact form). + backgroundColor: 'transparent', paddingHorizontal: spacing.md, paddingVertical: spacing.sm, ...typography.body, diff --git a/src/screens/ContactsScreen.tsx b/src/screens/ContactsScreen.tsx index d25ecda3..758d2d5a 100644 --- a/src/screens/ContactsScreen.tsx +++ b/src/screens/ContactsScreen.tsx @@ -758,7 +758,7 @@ function makeStyles(c: ThemePalette) { borderBottomWidth: 1, borderBottomColor: c.borderLight, }, - sectionHeaderText: { ...typography.small, color: c.primary }, + sectionHeaderText: { ...typography.captionMedium, color: c.mutedForeground }, separator: { height: 1, backgroundColor: c.borderLight, marginLeft: 68 },