tailwind.config.js 928 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  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: '#eff6ff',
  12. 100: '#dbeafe',
  13. 200: '#bfdbfe',
  14. 300: '#93c5fd',
  15. 400: '#60a5fa',
  16. 500: '#3b82f6',
  17. 600: '#2563eb',
  18. 700: '#1d4ed8',
  19. 800: '#1e40af',
  20. 900: '#1e3a8a',
  21. 950: '#172554',
  22. },
  23. },
  24. typography: {
  25. DEFAULT: {
  26. css: {
  27. maxWidth: 'none',
  28. color: 'inherit',
  29. a: {
  30. color: '#2563eb',
  31. '&:hover': {
  32. color: '#1d4ed8',
  33. },
  34. },
  35. code: {
  36. color: 'inherit',
  37. },
  38. },
  39. },
  40. },
  41. },
  42. },
  43. plugins: [
  44. require('@tailwindcss/typography'),
  45. ],
  46. }