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 default {
    palette: {
        primaryColor: '#6d5354',
        accentColor: '#9c7f80',
        disabledColor: COLOR.grey500,
    },
    toolbar: {
        titleText: { color: COLOR.white },
        leftElement: { color: COLOR.white },
        rightElement: { color: COLOR.white },
        container: {
            backgroundColor: '#6d5354',
            height: 50,
            elevation: 0,
        },
    },
    page: {
        container: { flex: 1, backgroundColor: COLOR.white },
    },
    topTabs: {
        selectedUnderlineStyle: {
            backgroundColor: COLOR.grey100,
        },
        textColor: COLOR.white,
        selectedTextColor: 'rgba(255, 255, 255, 0.7)',
        backgroundColor: '#6d5354',
    },
    itemTile: {
        thumbnailSize: 50,
        thumbnailColor: COLOR.grey500,
        itemNameStyle: {
            color: COLOR.grey800,
        },
        itemPlaceStyle: {
            color: COLOR.grey500,
        },
        availableCountStyle: {
            fontSize: 25,
            color: COLOR.black,
        },
        pressHighlightColor: COLOR.pink500,
    },
};