EU-Utility-V3/tailwind.config.js

60 lines
1.4 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
colors: {
background: '#0a0a0f',
surface: '#13131a',
'surface-light': '#1e1e2e',
primary: {
DEFAULT: '#6366f1',
hover: '#4f46e5',
},
secondary: {
DEFAULT: '#8b5cf6',
hover: '#7c3aed',
},
accent: {
DEFAULT: '#10b981',
hover: '#059669',
},
warning: '#f59e0b',
danger: '#ef4444',
text: {
DEFAULT: '#e2e8f0',
muted: '#94a3b8',
dark: '#64748b',
},
border: 'rgba(99, 102, 241, 0.2)',
},
fontFamily: {
sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],
mono: ['JetBrains Mono', 'Fira Code', 'monospace'],
},
animation: {
'fade-in': 'fadeIn 0.2s ease-out',
'slide-up': 'slideUp 0.3s ease-out',
'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
},
keyframes: {
fadeIn: {
'0%': { opacity: '0' },
'100%': { opacity: '1' },
},
slideUp: {
'0%': { transform: 'translateY(10px)', opacity: '0' },
'100%': { transform: 'translateY(0)', opacity: '1' },
},
},
backdropBlur: {
xs: '2px',
},
},
},
plugins: [],
}