49 lines
1.4 KiB
JavaScript
49 lines
1.4 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
bg: {
|
|
base: '#0D1117',
|
|
surface: '#161B22',
|
|
elevated: '#1F2937',
|
|
border: '#2D3748',
|
|
},
|
|
accent: {
|
|
violet: '#7C3AED',
|
|
'violet-light': '#9F67FF',
|
|
'violet-dim': '#4C1D95',
|
|
},
|
|
owned: '#10B981',
|
|
unowned: '#F59E0B',
|
|
danger: '#EF4444',
|
|
text: {
|
|
primary: '#E2E8F0',
|
|
secondary: '#94A3B8',
|
|
muted: '#475569',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
display: ['"Cinzel"', 'serif'],
|
|
body: ['"Inter"', 'sans-serif'],
|
|
},
|
|
boxShadow: {
|
|
card: '0 0 0 1px #2D3748, 0 4px 16px rgba(0,0,0,0.4)',
|
|
glow: '0 0 20px rgba(124,58,237,0.3)',
|
|
},
|
|
animation: {
|
|
'fade-in': 'fadeIn 0.2s ease-out',
|
|
'slide-up': 'slideUp 0.25s ease-out',
|
|
shimmer: 'shimmer 1.8s infinite linear',
|
|
},
|
|
keyframes: {
|
|
fadeIn: { from: { opacity: '0' }, to: { opacity: '1' } },
|
|
slideUp: { from: { transform: 'translateY(8px)', opacity: '0' }, to: { transform: 'translateY(0)', opacity: '1' } },
|
|
shimmer: { '0%': { backgroundPosition: '-200% 0' }, '100%': { backgroundPosition: '200% 0' } },
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|