aretherecookies-mobile/js/ui-theme.js

//@flow
/**
 * Default theme for reference:
 * https://github.com/xotahal/react-native-material-ui/blob/master/src/styles/themes/light.js
 */
import { COLOR } from 'react-native-material-ui';

export const primaryColor = '#017C9A';

export const palette = {
	primaryColor,
	accentColor: '#017C9A',
	disabledColor: COLOR.grey500,
	facebook: '#3B5998',
	google: '#DB4437',
	errorColor: '#B92D00',
	atcStdGrey: '#757575',
};

export default {
	statusBarColor: '#00506C',
	palette: palette,
	toolbar: {
		titleText: { color: COLOR.white },
		leftElement: { color: COLOR.white },
		rightElement: { color: COLOR.white },
		container: {
			backgroundColor: primaryColor,
			height: 56,
			elevation: 0,
		},
	},
	actionButton: {
		speedDialActionIcon: {
			backgroundColor: '#00506C',
		},
	},
	checkbox: {
		icon: {
			color: '#017C9A',
		},
	},
	page: {
		container: { flex: 1, backgroundColor: COLOR.grey100 },
	},
	listView: {
		flex: 1,
		backgroundColor: 'white',
	},
	divider: {
		container: { height: 1 },
	},
	topTabs: {
		selectedUnderlineStyle: {
			backgroundColor: primaryColor,
		},
		textColor: COLOR.white,
		selectedTextColor: 'rgba(255, 255, 255, 0.7)',
		backgroundColor: primaryColor,
	},
	modalButton: {
		fontSize: 14,
		fontWeight: '500',
		color: palette.accentColor,
		paddingLeft: 30,
	},
	modalDropDown: {
		/* fontSize: 16,
		fontWeight: 'bold',
		color: 'black', */
		height: 40,
		width: 150,
	},
	itemTile: {
		thumbnailSize: 48,
		thumbnailColor: COLOR.grey400,
		itemNameStyle: {
			fontSize: 16,
			color: COLOR.black,
		},
		itemPlaceStyle: {
			color: palette.atcStdGrey,
			paddingTop: 1,
		},
		availableCountStyle: {
			fontSize: 25,
			color: COLOR.black,
		},
		pressHighlightColor: COLOR.pink500,
	},
	countBadge: {
		backgroundColor: '#00506C',
		textColor: COLOR.white,
	},
	pickerItemRow: {
		defaultColor: '#000000',
		selectedColor: '#017C9A',
	},
	foodItemDetails: {
		actionIconColor: '#017C9A',
	},
	placeDetails: {
		actionIconColor: '#017C9A',
	},
	imagePreview: {
		deleteBtnIconColor: 'white',
		deleteBtnBorderColor: 'white',
		deleteBtnBackgroundColor: 'black',
		closeBtnIconColor: 'white',
		backdropColor: 'black',
	},
	loginPage: {
		buttonStyle: {
			width: 300,
			margin: 10,
		},
		titleStyle: {
			fontSize: 56,
			margin: 10,
			fontWeight: 'bold',
		},
	},
	drawer: {
		container: {
			flex: 1,
			backgroundColor: '#FFF',
			elevation: 6,
		},
	},
	drawerHeader: {
		container: {
			elevation: 6,
		},
		contentContainer: {
			backgroundColor: '#017C9A',
			height: 150,
		},
	},
	bottomNavigation: {
		container: {
			height: 56,
			paddingTop: 8,
			justifyContent: 'space-around',
			alignItems: 'baseline',
			borderWidth: 1,
			borderColor: '#fff',
			borderTopColor: '#ccc',
		},
	},
	bottomNavigationAction: {
		icon: {
			color: palette.atcStdGrey,
		},
		label: {
			color: palette.atcStdGrey,
		},
		iconActive: {
			color: palette.accentColor,
		},
		labelActive: {
			color: palette.accentColor,
		},
	},
};