//@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 = '#6d5354';

export default {
	palette: {
		primaryColor,
		accentColor: '#0E6E9E',
		disabledColor: COLOR.grey500,
		facebook: '#3B5998',
		google: '#DB4437',
		errorColor: '#B92D00',
	},
	toolbar: {
		titleText: { color: COLOR.white },
		leftElement: { color: COLOR.white },
		rightElement: { color: COLOR.white },
		container: {
			backgroundColor: primaryColor,
			height: 56,
			elevation: 0,
		},
	},
	checkbox: {
		icon: {
			color: '#0E6E9E',
		},
	},
	page: {
		container: { flex: 1, backgroundColor: COLOR.grey100 },
	},
	divider: {
		container: { height: 2 },
	},
	topTabs: {
		selectedUnderlineStyle: {
			backgroundColor: COLOR.grey100,
		},
		textColor: COLOR.white,
		selectedTextColor: 'rgba(255, 255, 255, 0.7)',
		backgroundColor: primaryColor,
	},
	itemTile: {
		thumbnailSize: 50,
		thumbnailColor: COLOR.grey400,
		itemNameStyle: {
			fontSize: 16,
			color: COLOR.black,
		},
		itemPlaceStyle: {
			color: COLOR.grey700,
			paddingTop: 3,
		},
		availableCountStyle: {
			fontSize: 25,
			color: COLOR.black,
		},
		pressHighlightColor: COLOR.pink500,
	},
	countBadge: {
		backgroundColor: primaryColor,
		textColor: COLOR.white,
	},
	picker: {
		defaultColor: '#000000',
		selectedColor: '#0E6E9E',
	},
	foodItemDetails: {
		actionIconColor: '#0E6E9E',
	},
	placeDetails: {
		actionIconColor: '#0E6E9E',
	},
	imagePreview: {
		deleteBtnIconColor: 'white',
		deleteBtnBorderColor: 'white',
		deleteBtnBackgroundColor: 'black',
		closeBtnIconColor: 'white',
		backdropColor: 'black',
	},
	loginPage: {
		buttonStyle: {
			width: 300,
			margin: 10,
		},
		titleStyle: {
			fontSize: 64,
			margin: 20,
		},
	},
};