1export const breakpoints = { 2 PHABLET: '32em', 3 TABLET: '48em', 4 PC: '64em', 5 WIDESCREEN: '80em' 6} 7 8export const colors = { 9 white: '#ffffff', 10 lightGray: '#f2f2f2', 11 darkGray: '#767676', 12 offWhite: '#e8d9d94d', 13 black: '#231f20', 14 purpleBlack: '#413844', 15 purple: '#cc33ff', 16 lightPurple: '#ffebff', 17 red: '#fb3b49' 18} 19 20export const space = [0, 8, 16, 24, 32, 40, 48, 56, 64, 72, 80] 21 22export const theme = { 23 breakpoints: { 24 PHABLET: ' 32em', 25 TABLET: '48em', 26 PC: '64em', 27 WIDESCREEN: '80em' 28 }, 29 fontSizes: [ 30 12, 14, 16, 20, 24, 32, 48, 64 31 ], 32 colors: { 33 white: '#ffffff', 34 lightGray: '#f2f2f2', 35 darkGray: '#767676', 36 offWhite: '#e8d9d94d', 37 black: '#231f20', 38 purpleBlack: '#413844', 39 purple: '#cc33ff', 40 lightPurple: '#ffebff', 41 red: '#fb3b49' 42 }, 43 space: [ 44 0, 8, 16, 24, 32, 40, 48, 56, 64, 72, 80 45 ], 46 fonts: { 47 poppins: 'Poppins, sans-serif', 48 inconsolata: 'Inconsolata, sans-serif' 49 } 50} 51