tailwind.config.ts 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. import type { Config } from "tailwindcss";
  2. const config: Config = {
  3. content: [
  4. "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
  5. "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
  6. "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  7. ],
  8. theme: {
  9. extend: {
  10. colors: {
  11. // 颜色方案1: 深邃宇宙
  12. space: {
  13. dark: '#0B1026',
  14. mid: '#1A1C4B',
  15. light: '#21133A',
  16. accent: '#4D61FC',
  17. highlight: '#8C5CF4',
  18. },
  19. // 颜色方案2: 高级深海
  20. ocean: {
  21. dark: '#051937',
  22. mid: '#004261',
  23. light: '#004F7A',
  24. accent: '#26C5F3',
  25. highlight: '#1A7BF5',
  26. },
  27. // 颜色方案3: 现代科技
  28. tech: {
  29. dark: '#0F1117',
  30. mid: '#151922',
  31. light: '#131621',
  32. accent: '#FF2D72',
  33. highlight: '#0088FF',
  34. },
  35. // 颜色方案4: 夜光
  36. nightglow: {
  37. dark: '#09090B',
  38. mid: '#18181B',
  39. light: '#27272A',
  40. accent: '#875EFF',
  41. highlight: '#9D7EFF',
  42. },
  43. },
  44. },
  45. },
  46. plugins: [],
  47. };
  48. export default config;