tailwind.config.ts 600 B

12345678910111213141516171819202122232425262728
  1. import type { Config } from 'tailwindcss';
  2. import tailwindcssAnimate from 'tailwindcss-animate';
  3. const config: Config = {
  4. content: ['./src/**/*.{js,ts,jsx,tsx,mdx}'],
  5. darkMode: 'class',
  6. theme: {
  7. extend: {
  8. colors: {
  9. brand: {
  10. 50: '#eff6ff',
  11. 100: '#dbeafe',
  12. 200: '#bfdbfe',
  13. 300: '#93c5fd',
  14. 400: '#60a5fa',
  15. 500: '#3b82f6',
  16. 600: '#2563eb',
  17. 700: '#1d4ed8',
  18. 800: '#1e40af',
  19. 900: '#1e3a8a',
  20. },
  21. },
  22. },
  23. },
  24. plugins: [tailwindcssAnimate],
  25. };
  26. export default config;