mirror of
https://gitlab.com/wheres-the-tp/ui-mobile.git
synced 2026-01-25 07:24:56 -06:00
117 lines
2.2 KiB
JavaScript
117 lines
2.2 KiB
JavaScript
//@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 const palette = {
|
|
primaryColor,
|
|
accentColor: '#0E6E9E',
|
|
disabledColor: COLOR.grey500,
|
|
facebook: '#3B5998',
|
|
google: '#DB4437',
|
|
errorColor: '#B92D00',
|
|
};
|
|
|
|
export default {
|
|
statusBarColor: '#412A2B',
|
|
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: '#48A0CC',
|
|
},
|
|
},
|
|
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,
|
|
},
|
|
modalButton: {
|
|
fontSize: 14,
|
|
fontWeight: '500',
|
|
color: palette.accentColor,
|
|
paddingLeft: 30,
|
|
},
|
|
modalDropDown: {
|
|
/* fontSize: 16,
|
|
fontWeight: 'bold',
|
|
color: 'black', */
|
|
height: 40,
|
|
width: 150,
|
|
},
|
|
itemTile: {
|
|
thumbnailSize: 50,
|
|
thumbnailColor: COLOR.grey400,
|
|
itemNameStyle: {
|
|
fontSize: 16,
|
|
color: COLOR.black,
|
|
},
|
|
itemPlaceStyle: {
|
|
color: COLOR.grey700,
|
|
paddingTop: 1,
|
|
},
|
|
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: 10,
|
|
},
|
|
},
|
|
};
|