mobile-platofrom-colors.js

const color = {
    // using "light" ios column. not the "dark" column
    // using "500" material
    // keys are what is seen on ios - https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/color
    // and also the same exact key is seen on material - https://material.io/design/color/#tools-for-picking-colors
    // - the "2014 Material Design color palettes" section
    gray: isIOS ? '#8e8e93' : '#9E9E9E',
    gray2: isIOS ? '#aeaeb2' : '#BDBDBD',
    gray3: isIOS ? '#c7c7cc' : '#E0E0E0',
    gray4: isIOS ? '#d1d1d6' : '#EEEEEE',
    gray5: isIOS ? '#e5e5ea' : '#F5F5F5',
    gray6: isIOS ? '#f2f2f7' : '#FAFAFA',
    blue: isIOS ? '#007aff' : '#2196F3',
    green: isIOS ? '#34c759' : '#4CAF50',
    indigo: isIOS ? '#34c759' : '#3F51B5',
    orange: isIOS ? '#ff9500' : '#FF9800',
    pink: isIOS ? '#ff2d55' : '#E91E63',
    purple: isIOS ? '#af52de' : '#9C27B0',
    red: isIOS ? '#ff3b30' : '#F44336',
    teal: isIOS ? '#5ac8fa' : '#009688',
    yellow: isIOS ? '#ffcc00' : '#FFEB3B'
}