theme.js 973 B

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