tailwind.config.js 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. /** @type {import('tailwindcss').Config} */
  2. module.exports = {
  3. content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  4. theme: {
  5. extend: {},
  6. colors: {
  7. bgc: '#F7F8FA',
  8. black: '#000',
  9. white: '#FFF',
  10. primary: {
  11. 100: '#d5e3fd',
  12. 200: '#abc8fc',
  13. 300: '#81acfa',
  14. 400: '#5791f9',
  15. 500: '#2d75f7',
  16. 600: '#245ec6',
  17. 700: '#1b4694',
  18. 800: '#122f63',
  19. 900: '#091731'
  20. },
  21. green: {
  22. 100: '#d8f4e6',
  23. 200: '#b0e9cd',
  24. 300: '#89ddb3',
  25. 400: '#61d29a',
  26. 500: '#3ac781',
  27. 600: '#2e9f67',
  28. 700: '#23774d',
  29. 800: '#175034',
  30. 900: '#0c281a'
  31. },
  32. red: {
  33. 100: '#ffd4d4',
  34. 200: '#ffaaa9',
  35. 300: '#ff7f7f',
  36. 400: '#ff5554',
  37. 500: '#ff2a29',
  38. 600: '#cc2221',
  39. 700: '#991919',
  40. 800: '#661110',
  41. 900: '#330808'
  42. },
  43. unnt: '#E5E6EB',
  44. blin: '#E9E9E9',
  45. disable: '#8c8c8c',
  46. 'soft-gray': '#E8E8E8'
  47. }
  48. },
  49. plugins: []
  50. }