tailwind.config.js 1.2 KB

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