Spaces:
Running
Running
| /** @type {import('tailwindcss').Config} */ | |
| module.exports = { | |
| content: [ | |
| "./src/**/*.{js,jsx,ts,tsx}", | |
| ], | |
| darkMode: 'class', | |
| theme: { | |
| extend: { | |
| colors: { | |
| primary: { | |
| 50: '#f0f9ff', | |
| 100: '#e0f2fe', | |
| 200: '#bae6fd', | |
| 300: '#7dd3fc', | |
| 400: '#38bdf8', | |
| 500: '#0ea5e9', | |
| 600: '#0284c7', | |
| 700: '#0369a1', | |
| 800: '#075985', | |
| 900: '#0c4a6e', | |
| 950: '#082f49', | |
| }, | |
| gray: { | |
| 50: '#f9fafb', | |
| 100: '#f3f4f6', | |
| 200: '#e5e7eb', | |
| 300: '#d1d5db', | |
| 400: '#9ca3af', | |
| 500: '#6b7280', | |
| 600: '#4b5563', | |
| 700: '#374151', | |
| 800: '#1f2937', | |
| 900: '#111827', | |
| 950: '#030712', | |
| }, | |
| success: { | |
| 50: '#f0fdf4', | |
| 500: '#22c55e', | |
| 600: '#16a34a', | |
| }, | |
| error: { | |
| 50: '#fef2f2', | |
| 500: '#ef4444', | |
| 600: '#dc2626', | |
| } | |
| }, | |
| fontFamily: { | |
| sans: ['Inter', 'system-ui', 'sans-serif'], | |
| }, | |
| animation: { | |
| 'fade-in': 'fadeIn 0.5s ease-in-out', | |
| 'slide-up': 'slideUp 0.3s ease-out', | |
| 'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite', | |
| 'typing': 'typing 1.5s steps(20, end) infinite', | |
| }, | |
| keyframes: { | |
| fadeIn: { | |
| '0%': { opacity: '0' }, | |
| '100%': { opacity: '1' }, | |
| }, | |
| slideUp: { | |
| '0%': { transform: 'translateY(10px)', opacity: '0' }, | |
| '100%': { transform: 'translateY(0)', opacity: '1' }, | |
| }, | |
| typing: { | |
| '0%, 50%': { opacity: '1' }, | |
| '51%, 100%': { opacity: '0' }, | |
| } | |
| }, | |
| backdropBlur: { | |
| xs: '2px', | |
| } | |
| }, | |
| }, | |
| plugins: [ | |
| require('@tailwindcss/typography'), | |
| ], | |
| } |