tailwind.config.js 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. /** @type {import('tailwindcss').Config} */
  2. export default {
  3. content: [
  4. "./index.html",
  5. "./src/**/*.{js,ts,jsx,tsx}",
  6. ],
  7. theme: {
  8. extend: {
  9. colors: {
  10. primary: {
  11. 50: '#f0f6ff',
  12. 100: '#e0edff',
  13. 200: '#c2dbff',
  14. 300: '#9ac1ff',
  15. 400: '#6d9dff',
  16. 500: '#3B82F6', // 主色调
  17. 600: '#2c68f5',
  18. 700: '#1e4fd0',
  19. 800: '#1a3fa7',
  20. 900: '#1a3883',
  21. },
  22. secondary: {
  23. 50: '#f3f8fb',
  24. 100: '#e3f1f9',
  25. 200: '#cce7f5',
  26. 300: '#a4d5ea',
  27. 400: '#76beda',
  28. 500: '#48a1c8',
  29. 600: '#3584ab',
  30. 700: '#2c6a8a',
  31. 800: '#295772',
  32. 900: '#254960',
  33. },
  34. accent: {
  35. 50: '#fffbe5',
  36. 100: '#fff7c2',
  37. 200: '#ffee88',
  38. 300: '#ffdf45',
  39. 400: '#ffcf13',
  40. 500: '#e7b000',
  41. 600: '#cc8a00',
  42. 700: '#a66502',
  43. 800: '#88510a',
  44. 900: '#74410f',
  45. },
  46. },
  47. fontFamily: {
  48. sans: ['Noto Sans SC', 'system-ui', 'sans-serif'],
  49. },
  50. },
  51. },
  52. plugins: [],
  53. }