35 lines
868 B
JavaScript
35 lines
868 B
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{vue,js,ts,jsx,tsx}",
|
|
],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: '#6366f1', // Indigo
|
|
dark: '#0f172a', // Slate 900
|
|
panel: '#1e293b', // Slate 800
|
|
input: '#334155', // Slate 700
|
|
'msg-self': '#4f46e5',
|
|
'msg-other': '#334155',
|
|
danger: '#ef4444',
|
|
success: '#22c55e'
|
|
},
|
|
animation: {
|
|
'ripple': 'ripple 2s cubic-bezier(0, 0.2, 0.8, 1) infinite',
|
|
},
|
|
keyframes: {
|
|
ripple: {
|
|
'0%': { boxShadow: '0 0 0 0 rgba(99, 102, 241, 0.3)' },
|
|
'70%': { boxShadow: '0 0 0 20px rgba(99, 102, 241, 0)' },
|
|
'100%': { boxShadow: '0 0 0 0 rgba(99, 102, 241, 0)' },
|
|
}
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|
|
|