GlobalStyle.js

import { StyleSheet } from 'react-native';

export const globStyle = StyleSheet.create({
  topContainer: {
      marginTop: 28,
  },
  container: {
      marginTop: 10,
  },
  charcoal: {
      color: '#2E3951',
  },
  charcoalFill: {
      backgroundColor: '#2E3951',
  },
  darkGunmetal: {
      color: '#1C2331',
  },
  darkGunmetalFill: {
      backgroundColor: '#1C2331',
  },
  uclaBlue: {
      color: '#546893'
  },
  uclaBlueFill: {
      backgroundColor: '#546893'
  },
  antiFlashWhite: {
      color: '#F2F4F3',
  },
  antiFlashWhiteFill: {
      backgroundColor: '#F2F4F3',
  },
  red: {
      color: '#F62D13',
  },
  redFill: {
      backgroundColor: '#F62D13',
  },
  deepLemon: {
      color: '#FAD61F',
  },
  deepLemonFill: {
      backgroundColor: '#FAD61F',
  },
  bulgarianRose: {
      color: '#4A0B03',
  },
  bulgarianRoseFill: {
      backgroundColor: '#4A0B03',
  },
  orangeCrayola: {
      color: '#FF7733',
  },
  orangeCrayolaFill: {
      backgroundColor: '#FF7733',
  },
  citrine: {
      color: '#E1BC05',
  },
  citrineFill: {
      backgroundColor: '#E1BC05',
  },
  malachite: {
      color: '#00C851',
  },
  malachiteFill: {
      backgroundColor: '#00C851',
  },
  whiteFill: {
    backgroundColor: '#FFFFFF',
  }
});