Fixes to text input colors on android

6 files changed, 16 insertions, 0 deletions

diff --git a/src/view/com/composer/ComposePost.tsx b/src/view/com/composer/ComposePost.tsx
index bed552bd3..6aa597924 100644
--- a/src/view/com/composer/ComposePost.tsx
+++ b/src/view/com/composer/ComposePost.tsx
@@ -258,6 +258,7 @@ export const ComposePost = observer(function ComposePost({
               scrollEnabled
               onChangeText={(text: string) => onChangeText(text)}
               placeholder={selectTextInputPlaceholder}
+              placeholderTextColor={colors.gray4}
               style={styles.textInput}>
               {textDecorated}
             </TextInput>
diff --git a/src/view/com/modals/CreateScene.tsx b/src/view/com/modals/CreateScene.tsx
index be310c9ac..760880382 100644
--- a/src/view/com/modals/CreateScene.tsx
+++ b/src/view/com/modals/CreateScene.tsx
@@ -108,6 +108,7 @@ export function Component({}: {}) {
             <BottomSheetTextInput
               style={styles.textInput}
               placeholder="e.g. alices-friends"
+              placeholderTextColor={colors.gray4}
               autoCorrect={false}
               value={handle}
               onChangeText={str => setHandle(makeValidHandle(str))}
@@ -118,6 +119,7 @@ export function Component({}: {}) {
             <BottomSheetTextInput
               style={styles.textInput}
               placeholder="e.g. Alice's Friends"
+              placeholderTextColor={colors.gray4}
               value={displayName}
               onChangeText={v =>
                 setDisplayName(enforceLen(v, MAX_DISPLAY_NAME))
@@ -129,6 +131,7 @@ export function Component({}: {}) {
             <BottomSheetTextInput
               style={[styles.textArea]}
               placeholder="e.g. Artists, dog-lovers, and memelords."
+              placeholderTextColor={colors.gray4}
               multiline
               value={description}
               onChangeText={v => setDescription(enforceLen(v, MAX_DESCRIPTION))}
@@ -209,6 +212,7 @@ const styles = StyleSheet.create({
     paddingHorizontal: 14,
     paddingVertical: 10,
     fontSize: 16,
+    color: colors.black,
   },
   textArea: {
     borderWidth: 1,
@@ -217,6 +221,7 @@ const styles = StyleSheet.create({
     paddingHorizontal: 12,
     paddingTop: 10,
     fontSize: 16,
+    color: colors.black,
     height: 70,
     textAlignVertical: 'top',
   },
diff --git a/src/view/com/modals/EditProfile.tsx b/src/view/com/modals/EditProfile.tsx
index 8d9f2e9fe..1ebd4e767 100644
--- a/src/view/com/modals/EditProfile.tsx
+++ b/src/view/com/modals/EditProfile.tsx
@@ -119,6 +119,7 @@ export function Component({
           <BottomSheetTextInput
             style={styles.textInput}
             placeholder="e.g. Alice Roberts"
+            placeholderTextColor={colors.gray4}
             value={displayName}
             onChangeText={v => setDisplayName(enforceLen(v, MAX_DISPLAY_NAME))}
           />
@@ -128,6 +129,7 @@ export function Component({
           <BottomSheetTextInput
             style={[styles.textArea]}
             placeholder="e.g. Artist, dog-lover, and memelord."
+            placeholderTextColor={colors.gray4}
             multiline
             value={description}
             onChangeText={v => setDescription(enforceLen(v, MAX_DESCRIPTION))}
@@ -181,6 +183,7 @@ const styles = StyleSheet.create({
     paddingHorizontal: 14,
     paddingVertical: 10,
     fontSize: 16,
+    color: colors.black,
   },
   textArea: {
     borderWidth: 1,
@@ -189,6 +192,7 @@ const styles = StyleSheet.create({
     paddingHorizontal: 12,
     paddingTop: 10,
     fontSize: 16,
+    color: colors.black,
     height: 100,
     textAlignVertical: 'top',
   },
diff --git a/src/view/com/modals/ServerInput.tsx b/src/view/com/modals/ServerInput.tsx
index 1a841c0da..0d1e0e911 100644
--- a/src/view/com/modals/ServerInput.tsx
+++ b/src/view/com/modals/ServerInput.tsx
@@ -66,6 +66,7 @@ export function Component({
             <BottomSheetTextInput
               style={styles.textInput}
               placeholder="e.g. https://bsky.app"
+              placeholderTextColor={colors.gray4}
               autoCapitalize="none"
               autoComplete="off"
               autoCorrect={false}
@@ -109,6 +110,7 @@ const styles = StyleSheet.create({
     paddingHorizontal: 14,
     paddingVertical: 12,
     fontSize: 16,
+    color: colors.black,
   },
   textInputBtn: {
     borderWidth: 1,
diff --git a/src/view/screens/Contacts.tsx b/src/view/screens/Contacts.tsx
index 05256a7eb..bcfb47782 100644
--- a/src/view/screens/Contacts.tsx
+++ b/src/view/screens/Contacts.tsx
@@ -39,6 +39,7 @@ export const Contacts = ({navIdx, visible, params}: ScreenParams) => {
             value={searchText}
             style={styles.searchInput}
             placeholder="Search"
+            placeholderTextColor={colors.gray4}
             onChangeText={onChangeSearchText}
           />
         </View>
@@ -79,5 +80,6 @@ const styles = StyleSheet.create({
   },
   searchInput: {
     flex: 1,
+    color: colors.black,
   },
 })
diff --git a/src/view/screens/Search.tsx b/src/view/screens/Search.tsx
index d1d36265f..c909f50e6 100644
--- a/src/view/screens/Search.tsx
+++ b/src/view/screens/Search.tsx
@@ -58,6 +58,7 @@ export const Search = ({navIdx, visible, params}: ScreenParams) => {
         <TextInput
           ref={textInput}
           placeholder="Type your query here..."
+          placeholderTextColor={colors.gray4}
           selectTextOnFocus
           returnKeyType="search"
           style={styles.input}
@@ -116,6 +117,7 @@ const styles = StyleSheet.create({
   input: {
     flex: 1,
     fontSize: 16,
+    color: colors.black,
   },
 
   outputContainer: {