Fixes to text input colors on android

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>

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

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

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,

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

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: {