fixing text color for android dark

This commit is contained in:
balzack 2023-03-05 09:50:48 -08:00
parent aada550c62
commit 74b4041dfe
5 changed files with 19 additions and 6 deletions

View File

@ -93,14 +93,17 @@ export const styles = StyleSheet.create({
fontSize: 18, fontSize: 18,
paddingRight: 8, paddingRight: 8,
fontWeight: 'bold', fontWeight: 'bold',
color: Colors.text,
}, },
locationtext: { locationtext: {
fontSize: 16, fontSize: 16,
paddingLeft: 8, paddingLeft: 8,
color: Colors.text,
}, },
descriptiontext: { descriptiontext: {
fontSize: 16, fontSize: 16,
paddingLeft: 8 paddingLeft: 8,
color: Colors.text,
}, },
button: { button: {
width: 192, width: 192,

View File

@ -113,7 +113,7 @@ export function Conversation({ navigation, cardId, channelId, closeConversation,
</View> </View>
<View style={styles.editControls}> <View style={styles.editControls}>
<TouchableOpacity style={styles.cancel} onPress={actions.hideEdit}> <TouchableOpacity style={styles.cancel} onPress={actions.hideEdit}>
<Text>Cancel</Text> <Text style={styles.canceltext}>Cancel</Text>
</TouchableOpacity> </TouchableOpacity>
<TouchableOpacity style={styles.save} onPress={updateTopic}> <TouchableOpacity style={styles.save} onPress={updateTopic}>
{ state.updateBusy && ( { state.updateBusy && (

View File

@ -99,6 +99,9 @@ export const styles = StyleSheet.create({
saveText: { saveText: {
color: Colors.white, color: Colors.white,
}, },
canceltext: {
color: Colors.text,
},
cancel: { cancel: {
borderWidth: 1, borderWidth: 1,
borderColor: Colors.lightgrey, borderColor: Colors.lightgrey,
@ -125,6 +128,7 @@ export const styles = StyleSheet.create({
input: { input: {
fontSize: 14, fontSize: 14,
flexGrow: 1, flexGrow: 1,
color: Colors.text,
}, },
editControls: { editControls: {
display: 'flex', display: 'flex',
@ -148,6 +152,7 @@ export const styles = StyleSheet.create({
editHeader: { editHeader: {
fontSize: 18, fontSize: 18,
paddingBottom: 16, paddingBottom: 16,
color: Colors.text,
}, },
modal: { modal: {
width: '100%', width: '100%',

View File

@ -319,7 +319,7 @@ export function ProfileBody() {
</View> </View>
<View style={styles.modalControls}> <View style={styles.modalControls}>
<TouchableOpacity style={styles.close} onPress={actions.hideBlockedMessages}> <TouchableOpacity style={styles.close} onPress={actions.hideBlockedMessages}>
<Text>Close</Text> <Text style={styles.canceltext}>Close</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
</View> </View>
@ -350,7 +350,7 @@ export function ProfileBody() {
</View> </View>
<View style={styles.modalControls}> <View style={styles.modalControls}>
<TouchableOpacity style={styles.cancel} onPress={actions.hideEditDetails}> <TouchableOpacity style={styles.cancel} onPress={actions.hideEditDetails}>
<Text>Cancel</Text> <Text style={styles.canceltext}>Cancel</Text>
</TouchableOpacity> </TouchableOpacity>
<TouchableOpacity style={styles.save} onPress={saveDetails}> <TouchableOpacity style={styles.save} onPress={saveDetails}>
<Text style={styles.saveText}>Save</Text> <Text style={styles.saveText}>Save</Text>
@ -461,7 +461,7 @@ export function ProfileBody() {
)} )}
<View style={styles.modalControls}> <View style={styles.modalControls}>
<TouchableOpacity style={styles.cancel} onPress={actions.hideEditSeal}> <TouchableOpacity style={styles.cancel} onPress={actions.hideEditSeal}>
<Text>Cancel</Text> <Text style={styles.canceltext}>Cancel</Text>
</TouchableOpacity> </TouchableOpacity>
{ state.canSaveSeal && ( { state.canSaveSeal && (
<> <>
@ -578,7 +578,7 @@ export function ProfileBody() {
)} )}
<View style={styles.modalControls}> <View style={styles.modalControls}>
<TouchableOpacity style={styles.cancel} onPress={actions.hideEditLogin}> <TouchableOpacity style={styles.cancel} onPress={actions.hideEditLogin}>
<Text>Cancel</Text> <Text style={styles.canceltext}>Cancel</Text>
</TouchableOpacity> </TouchableOpacity>
{ (state.checked && state.available && state.editConfirm === state.editPassword && state.editPassword) && ( { (state.checked && state.available && state.editConfirm === state.editPassword && state.editPassword) && (
<TouchableOpacity style={styles.save} onPress={saveLogin}> <TouchableOpacity style={styles.save} onPress={saveLogin}>

View File

@ -78,6 +78,10 @@ export const styles = StyleSheet.create({
modalHeader: { modalHeader: {
fontSize: 18, fontSize: 18,
paddingBottom: 16, paddingBottom: 16,
color: Colors.text,
},
canceltext: {
color: Colors.text,
}, },
modalList: { modalList: {
width: '100%', width: '100%',
@ -170,6 +174,7 @@ export const styles = StyleSheet.create({
fontSize: 18, fontSize: 18,
paddingRight: 8, paddingRight: 8,
fontWeight: 'bold', fontWeight: 'bold',
color: Colors.text,
}, },
locationtext: { locationtext: {
fontSize: 16, fontSize: 16,