tailwind.config.mjs 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. /** @type {import('tailwindcss').Config} */
  2. export default {
  3. content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
  4. theme: {
  5. extend: {
  6. colors: {
  7. primary: {
  8. 50: '#eff6ff',
  9. 100: '#dbeafe',
  10. 200: '#bfdbfe',
  11. 300: '#93c5fd',
  12. 400: '#60a5fa',
  13. 500: '#3b82f6',
  14. 600: '#2563eb',
  15. 700: '#1d4ed8',
  16. 800: '#1e40af',
  17. 900: '#1e3a8a',
  18. 950: '#172554',
  19. },
  20. accent: {
  21. 50: '#faf5ff',
  22. 100: '#f3e8ff',
  23. 200: '#e9d5ff',
  24. 300: '#d8b4fe',
  25. 400: '#c084fc',
  26. 500: '#a855f7',
  27. 600: '#9333ea',
  28. 700: '#7e22ce',
  29. 800: '#6b21a8',
  30. 900: '#581c87',
  31. 950: '#3b0764',
  32. },
  33. dark: {
  34. 50: '#f8fafc',
  35. 100: '#f1f5f9',
  36. 200: '#e2e8f0',
  37. 300: '#cbd5e1',
  38. 400: '#94a3b8',
  39. 500: '#64748b',
  40. 600: '#475569',
  41. 700: '#334155',
  42. 800: '#1e293b',
  43. 900: '#0f172a',
  44. 950: '#020617',
  45. },
  46. },
  47. },
  48. },
  49. plugins: [],
  50. };