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

export default {
	palette: {
		primaryColor,
		accentColor: '#0E6E9E',
		disabledColor: COLOR.grey500,
	},
	toolbar: {
		titleText: { color: COLOR.white },
		leftElement: { color: COLOR.white },
		rightElement: { color: COLOR.white },
		container: {
			backgroundColor: primaryColor,
			height: 56,
			elevation: 0,
		},
	},
	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.grey500,
		itemNameStyle: {
			color: COLOR.black,
		},
		itemPlaceStyle: {
			color: COLOR.grey500,
		},
		availableCountStyle: {
			fontSize: 25,
			color: COLOR.black,
		},
		pressHighlightColor: COLOR.pink500,
	},
	countBadge: {
		backgroundColor: primaryColor,
		textColor: COLOR.white,
	},
	picker: {
		color: '#0E6E9E',
	},
	foodItemDetails: {
		actionIconColor: '#0E6E9E',
	},
	placeDetails: {
		actionIconColor: '#0E6E9E',
	},
};