File size: 2,142 Bytes
ad74240 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 | /** @type {import('tailwindcss').Config} */
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: [],
} |