react-native-free-template/template/src/styles/baseStyle.js

React Native template for a quick start with javascript

const COLORS = {
  primary: '#1bdaf6',
  secondary: '#b2ebf9',
  dark: '#000000',
  white: '#ffffff',
  info: '#007AFF',
  success: '#52C41A',
  error: '#E46353',
  light: '#D8D8D8',
  text: '#212121',
  text2: '#424242',
  gradient: ['#1bdaf6', '#b2ebf9'],
  background: '#f5f5f5',
  gray: '#eeeeee',
};

export const colors = COLORS;

export const sizes = {
  fs10: 10,
  fs12: 12,
  fs14: 14,
  fs16: 16,
  fs18: 18,
  fs20: 20,
  fs24: 24,
  fs28: 28,
  fs32: 32,
  fs50: 50,
};

export const weights = {
  fw100: '100',
  fw200: '200',
  fw300: '300',
  fw400: '400',
  fw500: '500',
  fw600: '600',
  fw700: '700',
  fw800: '800',
  fw900: '900',
};

export const fonts = {
  light: 'Poppins-Light',
  medium: 'Poppins-Medium',
  regular: 'Poppins-Regular',
  semiBold: 'Poppins-SemiBold',
  semiBoldItalic: 'Poppins-SemiBoldItalic',
  extraLightItalic: 'Poppins-ExtraLightItalic',
};