|
|
| export default {
|
| content: [
|
| "./index.html",
|
| "./src/**/*.{js,ts,jsx,tsx}",
|
| ],
|
| theme: {
|
| extend: {
|
| colors: {
|
|
|
| 'primary': '#10b981',
|
| 'primary-light': '#d1fae5',
|
| 'secondary': '#f97316',
|
| 'secondary-light': '#fed7aa',
|
| 'tertiary': '#8b5cf6',
|
| 'tertiary-light': '#ddd6fe',
|
| 'accent': '#14b8a6',
|
| 'accent-light': '#ccfbf1',
|
| 'danger': '#f43f5e',
|
| 'danger-light': '#fecdd3',
|
|
|
|
|
| 'neutral': {
|
| 50: '#fafbfc',
|
| 100: '#f3f4f6',
|
| 200: '#e5e7eb',
|
| 300: '#d1d5db',
|
| 400: '#9ca3af',
|
| 500: '#6b7280',
|
| 600: '#4b5563',
|
| 700: '#374151',
|
| 800: '#1f2937',
|
| 900: '#111827',
|
| }
|
| },
|
| fontFamily: {
|
| 'sans': ['Inter', 'PingFang SC', 'Microsoft YaHei', 'sans-serif'],
|
| },
|
| boxShadow: {
|
| 'soft': '0 2px 8px rgba(0, 0, 0, 0.04)',
|
| 'medium': '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
|
| 'large': '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
|
| },
|
| animation: {
|
| 'float': 'float 20s ease-in-out infinite',
|
| 'float-slow': 'float 30s ease-in-out infinite',
|
| 'fade-in': 'fadeIn 0.3s ease-in-out',
|
| 'slide-up': 'slideUp 0.3s ease-out',
|
| },
|
| keyframes: {
|
| float: {
|
| '0%, 100%': { transform: 'translateY(0) translateX(0)' },
|
| '33%': { transform: 'translateY(-20px) translateX(20px)' },
|
| '66%': { transform: 'translateY(20px) translateX(-20px)' },
|
| },
|
| fadeIn: {
|
| '0%': { opacity: '0' },
|
| '100%': { opacity: '1' },
|
| },
|
| slideUp: {
|
| '0%': { transform: 'translateY(10px)', opacity: '0' },
|
| '100%': { transform: 'translateY(0)', opacity: '1' },
|
| }
|
| }
|
| },
|
| },
|
| plugins: [],
|
| } |
