style.ts 894 B

1234567891011121314151617181920212223242526272829303132333435
  1. export const mediaRule = {
  2. mobileS: '320px',
  3. mobileM: '375px',
  4. mobileL: '425px',
  5. tablet: '768px',
  6. laptop: '1024px',
  7. desktop: '1440px',
  8. };
  9. export const color: { [index: string]: any } = {
  10. primary: '#586af2',
  11. 'light-primary': 'rgba(88, 106, 242, 0.6)',
  12. secondary: '#2d3e4e',
  13. 'primary-light': '#d7def9',
  14. 'french-blue': '#3645b4',
  15. 'lemon-yellow': '#fcff36',
  16. 'strong-pink': '#ff1b89',
  17. 'neon-green': '#02ff36',
  18. 'light-blue': '#27befd',
  19. info: '#2979ff',
  20. success: '#43a047',
  21. error: '#d32f2f',
  22. danger: '#fe2712',
  23. warning: '#ffa000',
  24. gray: '#d8d8d8',
  25. 'light-gray': '#e5e5e5',
  26. 'hyper-light-gray': '#f2f2f2',
  27. 'soft-blue': 'rgba(94, 112, 241, 0.12)',
  28. black05: 'rgba(0, 0, 0, 0.05)',
  29. black12: 'rgba(0, 0, 0, 0.12)',
  30. black23: 'rgba(0, 0, 0, 0.23)',
  31. black38: 'rgba(0, 0, 0, 0.38)',
  32. black56: 'rgba(0, 0, 0, 0.56)',
  33. black87: 'rgba(0, 0, 0, 0.87)',
  34. };