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: COLOR.orange500,
        accentColor: COLOR.teal500,
        disabledColor: COLOR.grey500,
    },
    toolbar: {
        titleText: { color: COLOR.grey800 },
        leftElement: { color: COLOR.grey800 },
        rightElement: { color: COLOR.grey800 },
        container: {
            backgroundColor: COLOR.grey200,
            height: 50,
            elevation: 0,
        },
    },
    page: {
        container: { flex: 1, backgroundColor: COLOR.white },
    },
    topTabs: {
        selectedUnderlineStyle: {
            backgroundColor: COLOR.black,
        },
        textColor: COLOR.grey500,
        selectedTextColor: COLOR.grey500,
        backgroundColor: COLOR.grey200,
    },
    itemTile: {
        thumbnailSize: 50,
        thumbnailColor: COLOR.grey500,
        itemNameStyle: {
            color: COLOR.grey800,
        },
        itemPlaceStyle: {
            color: COLOR.grey500,
        },
        availableCountStyle: {
            fontSize: 25,
            color: COLOR.black,
        },
        pressHighlightColor: COLOR.pink500,
    },
};