You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
1.9 KiB
JavaScript
69 lines
1.9 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: [
|
|
'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./src/app/**/*.{js,ts,jsx,tsx,mdx}',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Primary Purple/Violet Theme
|
|
primary: {
|
|
50: '#faf5ff',
|
|
100: '#f3e8ff',
|
|
200: '#e9d5ff',
|
|
300: '#d8b4fe',
|
|
400: '#c084fc',
|
|
500: '#a855f7',
|
|
600: '#9333ea',
|
|
700: '#7e22ce',
|
|
800: '#6b21a8',
|
|
900: '#581c87',
|
|
},
|
|
// Brand-specific purple shades
|
|
purple: {
|
|
coach: '#8b5cf6',
|
|
vibrant: '#a855f7',
|
|
deep: '#7c3aed',
|
|
brand: '#9333ea',
|
|
},
|
|
// Pink accent colors
|
|
pink: {
|
|
light: '#f093fb',
|
|
warm: '#fa709a',
|
|
pale: '#fed6e3',
|
|
hot: '#f5576c',
|
|
},
|
|
// Status colors
|
|
dispute: {
|
|
DEFAULT: '#a855f7',
|
|
hover: '#9333ea',
|
|
border: '#e879f9',
|
|
borderHover: '#d946ef',
|
|
},
|
|
},
|
|
backgroundImage: {
|
|
// Gradient definitions
|
|
'gradient-primary': 'linear-gradient(135deg, #6366f1, #a855f7)',
|
|
'gradient-primary-reverse': 'linear-gradient(135deg, #a855f7, #6366f1)',
|
|
'gradient-brand': 'linear-gradient(to right, #4f46e5, #9333ea, #db2777)',
|
|
'gradient-warm': 'linear-gradient(135deg, #fa709a, #fee140)',
|
|
'gradient-cool': 'linear-gradient(135deg, #a8edea, #fed6e3)',
|
|
'gradient-secondary': 'linear-gradient(135deg, #f093fb, #f5576c)',
|
|
'gradient-purple-deep': 'linear-gradient(135deg, #8b5cf6, #7c3aed)',
|
|
},
|
|
animation: {
|
|
fadeIn: 'fadeIn 0.5s ease-in-out',
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
'0%': { opacity: '0' },
|
|
'100%': { opacity: '1' },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|