File size: 3,125 Bytes
666aab6 a20767f 666aab6 527d436 666aab6 527d436 a20767f 527d436 666aab6 527d436 666aab6 527d436 666aab6 527d436 666aab6 527d436 666aab6 527d436 a20767f 527d436 a20767f 527d436 666aab6 | 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 69 70 71 72 73 74 75 | /** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: 'class',
content: [
'./pages/**/*.{js,ts,jsx,tsx,mdx}',
'./components/**/*.{js,ts,jsx,tsx,mdx}',
'./app/**/*.{js,ts,jsx,tsx,mdx}',
'./store/**/*.{js,ts,jsx,tsx}',
],
theme: {
extend: {
colors: {
void: '#05060d',
surface: {
1: '#0a0c16',
2: '#0e1121',
3: '#131729',
4: '#191e32',
5: '#1f263b',
},
purple: {
DEFAULT: '#7c3aed',
bright: '#8b5cf6',
light: '#a78bfa',
dim: 'rgba(124,58,237,0.15)',
},
blue: { DEFAULT: '#3b82f6', bright: '#60a5fa' },
cyan: { DEFAULT: '#22d3ee', bright: '#67e8f9' },
green: { DEFAULT: '#22c55e', bright: '#4ade80' },
amber: { DEFAULT: '#f59e0b', bright: '#fbbf24' },
pink: { DEFAULT: '#ec4899', bright: '#f472b6' },
neon: { purple: '#bf00ff', blue: '#00d4ff', green: '#00ff88' },
},
fontFamily: {
sans: ['Inter', 'system-ui', 'sans-serif'],
mono: ['JetBrains Mono', 'Fira Code', 'monospace'],
},
borderRadius: {
'2xl': '16px',
'3xl': '20px',
'4xl': '24px',
},
backdropBlur: { xs: '2px', sm: '8px', md: '16px', lg: '24px', xl: '40px' },
boxShadow: {
'glow-purple': '0 0 20px rgba(124,58,237,0.3), 0 0 60px rgba(124,58,237,0.1)',
'glow-blue': '0 0 20px rgba(59,130,246,0.3)',
'glow-cyan': '0 0 20px rgba(34,211,238,0.3)',
'glow-green': '0 0 12px rgba(34,197,94,0.4)',
'card': '0 4px 24px rgba(0,0,0,0.3)',
'card-hover': '0 8px 40px rgba(0,0,0,0.4)',
},
animation: {
'fade-in-up': 'fadeInUp 0.4s ease-out forwards',
'fade-in': 'fadeIn 0.3s ease-out forwards',
'slide-left': 'slideInLeft 0.3s ease-out forwards',
'pulse-glow': 'pulseGlow 2s ease-in-out infinite',
'spin-slow': 'spin 8s linear infinite',
'orb-float': 'orbFloat 6s ease-in-out infinite',
'shimmer': 'shimmer 3s linear infinite',
'typing-dot': 'typingDot 1.4s ease-in-out infinite',
},
keyframes: {
fadeInUp: { from: { opacity: '0', transform: 'translateY(12px)' }, to: { opacity: '1', transform: 'translateY(0)' } },
fadeIn: { from: { opacity: '0' }, to: { opacity: '1' } },
slideInLeft: { from: { opacity: '0', transform: 'translateX(-16px)' }, to: { opacity: '1', transform: 'translateX(0)' } },
pulseGlow: { '0%,100%': { opacity: '0.6' }, '50%': { opacity: '1' } },
orbFloat: { '0%,100%': { transform: 'translateY(0px) rotate(0deg)' }, '33%': { transform: 'translateY(-8px) rotate(5deg)' }, '66%': { transform: 'translateY(4px) rotate(-3deg)' } },
shimmer: { '0%': { backgroundPosition: '-200% center' }, '100%': { backgroundPosition: '200% center' } },
typingDot: { '0%,80%,100%': { transform: 'scale(0)', opacity: '0.3' }, '40%': { transform: 'scale(1)', opacity: '1' } },
},
},
},
plugins: [],
}
|