const colors = {
  white: '#FFFFFF',
  gray: 'rgba(155,155,155,1)',
  transparent: 'transparent',
  red: 'rgba(190, 0, 4, 1)',
  primaryColor: '#00a086',
  secondaryColor: '#b2b5b4',

  iconButton: {
    background: 'transparent',
    tint: '#FFFFFF',
    disabled: '#b2b5b4',
  },

  navigationButton: {
    enabled: '#00a086',
    disabled: 'rgba(155,155,155,1)',
  },

  audio: {
    recording: 'rgba(190, 0, 4, 1)',
    recordingBackground: '#FFFFFF',
    playButtonBackground: '#FFFFFF',
    startRecordingIcon: '#FFFFFF',
    durationBackground: 'transparent',
  },

  recordVideo: {
    recording: 'rgba(190, 0, 4, 1)',
    recordButtonBorder: '#FFFFFF',
    durationText: '#FFFFFF',
    cancelText: '#FFFFFF',
  },

  navHeader: {
    tint: '#00a086',
    title: '#000000',
    background: '#FFFFFF',
  },

  tabBar: {
    border: '#00a086',
    text: '#00a086',
    activeBackground: '#00a086',
    inactiveBackground: '#FFFFFF',
  },

  tabNavigator: {
    activeTabIcon: '#00a086',
    inactiveTabIcon: 'rgba(155,155,155,1)',
    background: '#FFFFFF',
  },

  empty: {
    title: '#000000',
    caption: '#b2b5b4',
  },

  border: '#d4d4d4',
};

export default colors;
