Files
plexus/client/tailwind.config.js

49 lines
1.7 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
export default {
content: [
"./index.html",
"./src/**/*.{vue,js,ts,jsx,tsx}",
],
theme: {
extend: {
colors: {
'crypto-dark': '#0f172a',
'crypto-panel': '#1e293b',
'crypto-accent': '#8b5cf6', // Violet
'crypto-text': '#e2e8f0',
'crypto-muted': '#94a3b8',
'discord-dark': '#313338',
'discord-sidebar': '#2b2d31',
'discord-black': '#1e1f22',
'status-pending': '#f59e0b', // Orange
'status-validated': '#10b981', // Green
'status-failed': '#ef4444', // Red
},
fontFamily: {
sans: ['Inter', 'sans-serif', 'system-ui'],
},
animation: {
'fade-in-up': 'fadeInUp 0.3s ease-out',
'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
'pop-in': 'popIn 0.2s cubic-bezier(0.26, 0.53, 0.74, 1.48)',
'led-pulse': 'ledPulse 2s infinite',
},
keyframes: {
fadeInUp: {
'0%': { opacity: '0', transform: 'translateY(10px)' },
'100%': { opacity: '1', transform: 'translateY(0)' },
},
popIn: {
'0%': { opacity: '0', transform: 'scale(0.8)' },
'100%': { opacity: '1', transform: 'scale(1)' },
},
ledPulse: {
'0%, 100%': { opacity: '1', transform: 'scale(1)' },
'50%': { opacity: '0.6', transform: 'scale(0.95)' },
}
}
},
},
plugins: [],
}