| |
| export default { |
| content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'], |
| darkMode: 'class', |
| theme: { |
| extend: { |
| colors: { |
| |
| primary: { |
| 50: '#f0fdfa', |
| 100: '#ccfbf1', |
| 200: '#99f6e4', |
| 300: '#5eead4', |
| 400: '#2dd4bf', |
| 500: '#14b8a6', |
| 600: '#0d9488', |
| 700: '#0f766e', |
| 800: '#115e59', |
| 900: '#134e4a', |
| 950: '#042f2e' |
| }, |
| |
| accent: { |
| 50: '#f8fafc', |
| 100: '#f1f5f9', |
| 200: '#e2e8f0', |
| 300: '#cbd5e1', |
| 400: '#94a3b8', |
| 500: '#64748b', |
| 600: '#475569', |
| 700: '#334155', |
| 800: '#1e293b', |
| 900: '#0f172a', |
| 950: '#020617' |
| }, |
| |
| dark: { |
| 50: '#f8fafc', |
| 100: '#f1f5f9', |
| 200: '#e2e8f0', |
| 300: '#cbd5e1', |
| 400: '#94a3b8', |
| 500: '#64748b', |
| 600: '#475569', |
| 700: '#334155', |
| 800: '#1e293b', |
| 900: '#0f172a', |
| 950: '#020617' |
| } |
| }, |
| fontFamily: { |
| sans: [ |
| 'system-ui', |
| '-apple-system', |
| 'BlinkMacSystemFont', |
| 'Segoe UI', |
| 'Roboto', |
| 'Helvetica Neue', |
| 'Arial', |
| 'PingFang SC', |
| 'Hiragino Sans GB', |
| 'Microsoft YaHei', |
| 'sans-serif' |
| ], |
| mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'monospace'] |
| }, |
| boxShadow: { |
| glass: '0 8px 32px rgba(0, 0, 0, 0.08)', |
| 'glass-sm': '0 4px 16px rgba(0, 0, 0, 0.06)', |
| glow: '0 0 20px rgba(20, 184, 166, 0.25)', |
| 'glow-lg': '0 0 40px rgba(20, 184, 166, 0.35)', |
| card: '0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.06)', |
| 'card-hover': '0 10px 40px rgba(0, 0, 0, 0.08)', |
| 'inner-glow': 'inset 0 1px 0 rgba(255, 255, 255, 0.1)' |
| }, |
| backgroundImage: { |
| 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', |
| 'gradient-primary': 'linear-gradient(135deg, #14b8a6 0%, #0d9488 100%)', |
| 'gradient-dark': 'linear-gradient(135deg, #1e293b 0%, #0f172a 100%)', |
| 'gradient-glass': |
| 'linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%)', |
| 'mesh-gradient': |
| 'radial-gradient(at 40% 20%, rgba(20, 184, 166, 0.12) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(6, 182, 212, 0.08) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(20, 184, 166, 0.08) 0px, transparent 50%)' |
| }, |
| animation: { |
| 'fade-in': 'fadeIn 0.3s ease-out', |
| 'slide-up': 'slideUp 0.3s ease-out', |
| 'slide-down': 'slideDown 0.3s ease-out', |
| 'slide-in-right': 'slideInRight 0.3s ease-out', |
| 'scale-in': 'scaleIn 0.2s ease-out', |
| 'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite', |
| shimmer: 'shimmer 2s linear infinite', |
| glow: 'glow 2s ease-in-out infinite alternate' |
| }, |
| keyframes: { |
| fadeIn: { |
| '0%': { opacity: '0' }, |
| '100%': { opacity: '1' } |
| }, |
| slideUp: { |
| '0%': { opacity: '0', transform: 'translateY(10px)' }, |
| '100%': { opacity: '1', transform: 'translateY(0)' } |
| }, |
| slideDown: { |
| '0%': { opacity: '0', transform: 'translateY(-10px)' }, |
| '100%': { opacity: '1', transform: 'translateY(0)' } |
| }, |
| slideInRight: { |
| '0%': { opacity: '0', transform: 'translateX(20px)' }, |
| '100%': { opacity: '1', transform: 'translateX(0)' } |
| }, |
| scaleIn: { |
| '0%': { opacity: '0', transform: 'scale(0.95)' }, |
| '100%': { opacity: '1', transform: 'scale(1)' } |
| }, |
| shimmer: { |
| '0%': { backgroundPosition: '-200% 0' }, |
| '100%': { backgroundPosition: '200% 0' } |
| }, |
| glow: { |
| '0%': { boxShadow: '0 0 20px rgba(20, 184, 166, 0.25)' }, |
| '100%': { boxShadow: '0 0 30px rgba(20, 184, 166, 0.4)' } |
| } |
| }, |
| backdropBlur: { |
| xs: '2px' |
| }, |
| borderRadius: { |
| '4xl': '2rem' |
| } |
| } |
| }, |
| plugins: [] |
| } |
|
|
