Changed colors and added color sheme
This commit is contained in:
parent
a1c8cd95d3
commit
755aed62c6
1 changed files with 12 additions and 4 deletions
|
@ -1,9 +1,17 @@
|
||||||
import { StyleSheet } from 'react-native';
|
import { StyleSheet } from 'react-native';
|
||||||
|
|
||||||
|
const colorScheme = {
|
||||||
|
background: "#273043",
|
||||||
|
postBox: "#9197AE",
|
||||||
|
postFont: "#EFF6EE",
|
||||||
|
accept: "#4D8B31",
|
||||||
|
error: "#F02D3A"
|
||||||
|
}
|
||||||
|
|
||||||
export const style = StyleSheet.create({
|
export const style = StyleSheet.create({
|
||||||
app: { // Outermost container
|
app: { // Outermost container
|
||||||
flex: 1,
|
flex: 1,
|
||||||
backgroundColor: '#fff', // For the "entire" app
|
backgroundColor: colorScheme.background, // For the "entire" app
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
},
|
},
|
||||||
|
@ -13,14 +21,14 @@ export const style = StyleSheet.create({
|
||||||
flex: 1,
|
flex: 1,
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
justifyContent: 'flex-start',
|
justifyContent: 'flex-start',
|
||||||
backgroundColor: '#fff', // For the container holding the posts
|
backgroundColor: colorScheme.background, // For the container holding the posts
|
||||||
},
|
},
|
||||||
postView: {
|
postView: {
|
||||||
flexDirection: "row",
|
flexDirection: "row",
|
||||||
backgroundColor: '#fff',
|
backgroundColor: colorScheme.postBox,
|
||||||
paddingVertical: 5,
|
paddingVertical: 5,
|
||||||
},
|
},
|
||||||
postFont: {
|
postFont: {
|
||||||
color: "#000",
|
color: colorScheme.postFont,
|
||||||
},
|
},
|
||||||
});
|
});
|
Loading…
Reference in a new issue