From ad6dff79ba9ca56c81b62cd309fe9354c23fe6f9 Mon Sep 17 00:00:00 2001
From: Linus Rath <139418639+rathlinus@users.noreply.github.com>
Date: Thu, 15 Oct 2026 15:16:32 +0200
Subject: [PATCH] fix: draw contact form fields like the webmail and quiet the
 letter headers in the contact list

---
 src/components/contacts/ContactListRow.tsx | 2 +-
 src/screens/ContactFormScreen.tsx          | 5 +++--
 src/screens/ContactsScreen.tsx             | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

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 },