Default theme

Colors#

#000000 - black
#3d3d3d - dark
#f6511d - danger
#cccccc - disabled
#1877f2 - facebook
#4285f4 - google
#00a6ed - info
#f5f5f5 - light
#eeeeee - muted
#0d2c54 - primary
#ffd837 - star
#7fb800 - success
#1da1f2 - twitter
#f5f5f5 - warning
#ffffff - white

Linear gradients#

{
    danger: ['#da4718', colors.danger],
    info: ['#008dc9', colors.info],
    primary: ['#11376a', colors.primary],
    success: ['#8bcc00', colors.success],
    warning: ['#eea800', colors.warning],
}

Radiuses#

{
    tiny: 4,
    small: 8,
    medium: 12,
    large: 16,
    huge: 24,
    gigantic: 32,
    rounded: 1000,
}

Spacing#

{
    tiny: 4,
    small: 8,
    medium: 12,
    large: 16,
    huge: 20,
    gigantic: 24,
}

Typography#

{
    alignment: {
        caption: 'left',
        heading: 'center',
        subheading: 'center',
        text: 'left',
    },
    fontFamilies: {
        bold: Platform.select({
            android: 'Roboto',
            default: 'Roboto',
            ios: 'System',
        }),
        medium: Platform.select({
            android: 'Roboto',
            default: 'Roboto',
            ios: 'System',
        }),
    },
    fontSizes: {
        tiny: 10,
        small: 12,
        medium: 14,
        large: 16,
        huge: 18,
    },
    lineHeights: {
        tiny: 18,
        small: 20,
        medium: 22,
        large: 24,
        huge: 26,
    },
}