From 7a1031a99019c52c3ea35e480d51a22d4bcd2924 Mon Sep 17 00:00:00 2001
From: Linus Rath <139418639+rathlinus@users.noreply.github.com>
Date: Thu, 29 Oct 2026 03:44:01 +0100
Subject: [PATCH] fix: show the location and meeting link text in dark mode #82

---
 src/components/calendar/EventModal.tsx | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/calendar/EventModal.tsx b/src/components/calendar/EventModal.tsx
index 61e41185..e13f75c5 100644
--- a/src/components/calendar/EventModal.tsx
+++ b/src/components/calendar/EventModal.tsx
@@ -723,7 +723,7 @@ export function EventModal({
               onChangeText={setLocation}
               placeholder={t('calendar.form.location_placeholder', 'Place or address')}
               placeholderTextColor={c.mutedForeground}
-              style={styles.fieldButton}
+              style={styles.fieldInput}
             />
           </Section>
 
@@ -736,7 +736,7 @@ export function EventModal({
               autoCapitalize="none"
               autoCorrect={false}
               keyboardType="url"
-              style={styles.fieldButton}
+              style={styles.fieldInput}
             />
           </Section>
 
@@ -944,6 +944,19 @@ function makeStyles(c: ThemePalette) {
     justifyContent: 'center',
   },
   fieldText: { ...typography.body, color: c.text },
+  // A text field in the field frame. Without a colour of its own a
+  // TextInput draws black, invisible on the dark background (#82).
+  fieldInput: {
+    minHeight: 40,
+    paddingHorizontal: spacing.md,
+    paddingVertical: spacing.sm,
+    borderRadius: radius.sm,
+    borderWidth: 1,
+    borderColor: c.border,
+    backgroundColor: c.background,
+    ...typography.body,
+    color: c.text,
+  },
   limitRow: { flexDirection: 'row', alignItems: 'flex-start', gap: spacing.xs },
   limitText: { ...typography.caption, color: c.warning, flex: 1 },