agent / frontend /tailwind.config.js
samlax12's picture
Upload 139 files
ad74240 verified
/** @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: [],
}