tailwind.config.js 842 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. /** @type {import('tailwindcss').Config} */
  2. export default {
  3. content: ['./src/**/*.{html,js,svelte,ts}', './node_modules/stdf/**/*.svelte'],
  4. theme: {
  5. colors: {
  6. // 主题色
  7. primary: '#0B24FB',
  8. dark: '#FFC043',
  9. blue: '#0B24FB', // primary 别名
  10. yellow: '#FFC043', // dark 别名
  11. // 扩展色
  12. purple: '#7356BF',
  13. green: '#05944F',
  14. orange: '#FF6937',
  15. // 功能色
  16. success: '#11BB8D',
  17. warning: '#B95000',
  18. error: '#DA1414',
  19. info: '#2E5AAC',
  20. // 中性色
  21. black: '#000000',
  22. white: '#fff',
  23. gray1: '#23262B',
  24. gray2: '#2A2B2F',
  25. gray3: '#303239',
  26. gray4: '#373940',
  27. gray5: '#414249',
  28. gray6: '#747B84',
  29. gray7: '#DADEE3',
  30. gray8: '#EBEEF2',
  31. gray9: '#F4F6F9',
  32. gray10: '#FAFAFB',
  33. transparent: 'transparent',
  34. },
  35. extend: {},
  36. },
  37. darkMode: 'class',
  38. plugins: [],
  39. };