File size: 1,585 Bytes
6e62ad1 4fb0be6 6e62ad1 4fb0be6 6e62ad1 | 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 | /** @type {import('tailwindcss').Config} */
export default {
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
theme: {
extend: {
colors: {
pal: {
bg: '#0f0f1e',
surface: '#16162b',
card: '#1c1c36',
border: '#2a2a4a',
accent: '#8b5cf6',
accent2: '#22d3ee',
gold: '#fbbf24',
green: '#34d399',
red: '#f87171',
text: '#f1f5f9',
muted: '#94a3b8',
}
},
animation: {
'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
'float': 'float 6s ease-in-out infinite',
'shimmer': 'shimmer 2s linear infinite',
'fade-in': 'fadeIn 0.4s ease-out',
'slide-up': 'slideUp 0.3s ease-out',
'glow': 'glow 2s ease-in-out infinite alternate',
},
keyframes: {
float: {
'0%, 100%': { transform: 'translateY(0)' },
'50%': { transform: 'translateY(-10px)' },
},
shimmer: {
'0%': { backgroundPosition: '-200% 0' },
'100%': { backgroundPosition: '200% 0' },
},
fadeIn: {
'0%': { opacity: '0' },
'100%': { opacity: '1' },
},
slideUp: {
'0%': { opacity: '0', transform: 'translateY(20px)' },
'100%': { opacity: '1', transform: 'translateY(0)' },
},
glow: {
'0%': { boxShadow: '0 0 5px rgba(139,92,246,0.3)' },
'100%': { boxShadow: '0 0 20px rgba(139,92,246,0.6)' },
},
},
},
},
plugins: [],
}
|