48 lines
1.2 KiB
JavaScript
48 lines
1.2 KiB
JavaScript
export default {
|
|
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['Inter', 'SF Pro', 'system-ui', 'sans-serif'],
|
|
mono: ['JetBrains Mono', 'SF Mono', 'monospace'],
|
|
},
|
|
colors: {
|
|
warm: {
|
|
bg: '#FAFAF8',
|
|
card: '#FFFFFF',
|
|
hover: '#F1F0ED',
|
|
selected: '#ECEAE6',
|
|
border: '#E6E4E1',
|
|
divider: '#D8D6D2',
|
|
text: {
|
|
primary: '#121212',
|
|
secondary: '#2A2A2A',
|
|
muted: '#6B6B6B',
|
|
disabled: '#9A9A9A',
|
|
},
|
|
state: {
|
|
success: '#3E4A3A',
|
|
error: '#4A3A3A',
|
|
warning: '#4A4A3A',
|
|
info: '#3A3A3A',
|
|
}
|
|
}
|
|
},
|
|
boxShadow: {
|
|
'card': '0 1px 3px rgba(0,0,0,0.08)',
|
|
'modal': '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
|
|
},
|
|
animation: {
|
|
'fade-in': 'fadeIn 0.3s ease-out',
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
'0%': { opacity: '0', transform: 'translateY(10px)' },
|
|
'100%': { opacity: '1', transform: 'translateY(0)' },
|
|
}
|
|
}
|
|
}
|
|
},
|
|
plugins: [],
|
|
}
|