fixing remaining text colors on android

zio/stable
João Ferreiro 2022-12-15 15:39:46 +00:00 committed by Paul Frazee
parent 982f46376b
commit 469b05c4be
4 changed files with 9 additions and 7 deletions

View File

@ -237,9 +237,9 @@ export const ComposePost = observer(function ComposePost({
<TextLink <TextLink
href={`/profile/${replyTo.author.handle}`} href={`/profile/${replyTo.author.handle}`}
text={replyTo.author.displayName || replyTo.author.handle} text={replyTo.author.displayName || replyTo.author.handle}
style={[s.f16, s.bold]} style={[s.f16, s.bold, s.black]}
/> />
<Text style={[s.f16, s['lh16-1.3']]} numberOfLines={6}> <Text style={[s.f16, s['lh16-1.3'], s.black]} numberOfLines={6}>
{replyTo.text} {replyTo.text}
</Text> </Text>
</View> </View>

View File

@ -97,14 +97,14 @@ export function Component({}: {}) {
return ( return (
<View style={styles.outer}> <View style={styles.outer}>
<BottomSheetScrollView style={styles.inner}> <BottomSheetScrollView style={styles.inner}>
<Text style={styles.title}>Create a scene</Text> <Text style={[styles.title, s.black]}>Create a scene</Text>
<Text style={styles.description}> <Text style={styles.description}>
Scenes are invite-only groups which aggregate what's popular with Scenes are invite-only groups which aggregate what's popular with
members. members.
</Text> </Text>
<View style={{paddingBottom: 50}}> <View style={{paddingBottom: 50}}>
<View style={styles.group}> <View style={styles.group}>
<Text style={styles.label}>Scene Handle</Text> <Text style={[styles.label, s.black]}>Scene Handle</Text>
<BottomSheetTextInput <BottomSheetTextInput
style={styles.textInput} style={styles.textInput}
placeholder="e.g. alices-friends" placeholder="e.g. alices-friends"
@ -114,7 +114,7 @@ export function Component({}: {}) {
/> />
</View> </View>
<View style={styles.group}> <View style={styles.group}>
<Text style={styles.label}>Scene Display Name</Text> <Text style={[styles.label, s.black]}>Scene Display Name</Text>
<BottomSheetTextInput <BottomSheetTextInput
style={styles.textInput} style={styles.textInput}
placeholder="e.g. Alice's Friends" placeholder="e.g. Alice's Friends"
@ -125,7 +125,7 @@ export function Component({}: {}) {
/> />
</View> </View>
<View style={styles.group}> <View style={styles.group}>
<Text style={styles.label}>Scene Description</Text> <Text style={[styles.label, s.black]}>Scene Description</Text>
<BottomSheetTextInput <BottomSheetTextInput
style={[styles.textArea]} style={[styles.textArea]}
placeholder="e.g. Artists, dog-lovers, and memelords." placeholder="e.g. Artists, dog-lovers, and memelords."

View File

@ -124,7 +124,7 @@ export const PostThreadItem = observer(function PostThreadItem({
style={styles.metaItem} style={styles.metaItem}
href={authorHref} href={authorHref}
title={authorTitle}> title={authorTitle}>
<Text style={[s.f16, s.bold]} numberOfLines={1}> <Text style={[s.f16, s.bold, s.black]} numberOfLines={1}>
{item.author.displayName || item.author.handle} {item.author.displayName || item.author.handle}
</Text> </Text>
</Link> </Link>
@ -390,6 +390,7 @@ const styles = StyleSheet.create({
fontFamily: 'System', fontFamily: 'System',
fontSize: 16, fontSize: 16,
lineHeight: 20.8, // 1.3 of 16px lineHeight: 20.8, // 1.3 of 16px
color: 'black',
}, },
postTextContainer: { postTextContainer: {
flexDirection: 'row', flexDirection: 'row',

View File

@ -111,6 +111,7 @@ const styles = StyleSheet.create({
inputIcon: { inputIcon: {
marginRight: 10, marginRight: 10,
color: colors.gray3, color: colors.gray3,
alignSelf: 'center',
}, },
input: { input: {
flex: 1, flex: 1,