162 lines
4.3 KiB
JavaScript
162 lines
4.3 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: {
|
|
50: '#eff6ff',
|
|
100: '#dbeafe',
|
|
200: '#bfdbfe',
|
|
300: '#93c5fd',
|
|
400: '#60a5fa',
|
|
500: '#3b82f6',
|
|
600: '#2563eb',
|
|
700: '#1d4ed8',
|
|
800: '#1e40af',
|
|
900: '#1e3a8a',
|
|
950: '#172554',
|
|
},
|
|
secondary: {
|
|
50: '#f8fafc',
|
|
100: '#f1f5f9',
|
|
200: '#e2e8f0',
|
|
300: '#cbd5e1',
|
|
400: '#94a3b8',
|
|
500: '#64748b',
|
|
600: '#475569',
|
|
700: '#334155',
|
|
800: '#1e293b',
|
|
900: '#0f172a',
|
|
},
|
|
success: {
|
|
50: '#f0fdf4',
|
|
500: '#22c55e',
|
|
600: '#16a34a',
|
|
},
|
|
warning: {
|
|
50: '#fffbeb',
|
|
500: '#f59e0b',
|
|
600: '#d97706',
|
|
},
|
|
error: {
|
|
50: '#fef2f2',
|
|
500: '#ef4444',
|
|
600: '#dc2626',
|
|
},
|
|
},
|
|
animation: {
|
|
'fade-in': 'fadeIn 0.5s ease-in-out',
|
|
'slide-up': 'slideUp 0.3s ease-out',
|
|
'slide-in': 'slideIn 0.3s ease-out',
|
|
'bounce-gentle': 'bounceGentle 2s infinite',
|
|
'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' },
|
|
},
|
|
slideIn: {
|
|
'0%': { transform: 'translateY(-10px)', opacity: '0' },
|
|
'100%': { transform: 'translateY(0)', opacity: '1' },
|
|
},
|
|
bounceGentle: {
|
|
'0%, 20%, 50%, 80%, 100%': { transform: 'translateY(0)' },
|
|
'40%': { transform: 'translateY(-10px)' },
|
|
'60%': { transform: 'translateY(-5px)' },
|
|
}
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', 'ui-sans-serif', 'system-ui'],
|
|
mono: ['JetBrains Mono', 'Fira Code', 'Monaco', 'Consolas', 'monospace'],
|
|
},
|
|
spacing: {
|
|
'18': '4.5rem',
|
|
'88': '22rem',
|
|
'128': '32rem',
|
|
},
|
|
minHeight: {
|
|
'screen-75': '75vh',
|
|
'screen-80': '80vh',
|
|
'screen-90': '90vh',
|
|
},
|
|
maxWidth: {
|
|
'8xl': '88rem',
|
|
'9xl': '96rem',
|
|
},
|
|
backdropBlur: {
|
|
'4xl': '72px',
|
|
}
|
|
},
|
|
},
|
|
plugins: [
|
|
require('daisyui'),
|
|
require('@tailwindcss/typography'),
|
|
require('@tailwindcss/forms'),
|
|
require('@tailwindcss/aspect-ratio'),
|
|
],
|
|
daisyui: {
|
|
themes: [
|
|
{
|
|
light: {
|
|
"primary": "#3b82f6",
|
|
"primary-content": "#ffffff",
|
|
"secondary": "#64748b",
|
|
"secondary-content": "#ffffff",
|
|
"accent": "#06b6d4",
|
|
"accent-content": "#ffffff",
|
|
"neutral": "#1f2937",
|
|
"neutral-content": "#ffffff",
|
|
"base-100": "#ffffff",
|
|
"base-200": "#f8fafc",
|
|
"base-300": "#e2e8f0",
|
|
"base-content": "#1f2937",
|
|
"info": "#0ea5e9",
|
|
"info-content": "#ffffff",
|
|
"success": "#10b981",
|
|
"success-content": "#ffffff",
|
|
"warning": "#f59e0b",
|
|
"warning-content": "#ffffff",
|
|
"error": "#ef4444",
|
|
"error-content": "#ffffff",
|
|
},
|
|
dark: {
|
|
"primary": "#60a5fa",
|
|
"primary-content": "#1e3a8a",
|
|
"secondary": "#94a3b8",
|
|
"secondary-content": "#1e293b",
|
|
"accent": "#22d3ee",
|
|
"accent-content": "#164e63",
|
|
"neutral": "#374151",
|
|
"neutral-content": "#f3f4f6",
|
|
"base-100": "#1f2937",
|
|
"base-200": "#111827",
|
|
"base-300": "#0f172a",
|
|
"base-content": "#f3f4f6",
|
|
"info": "#38bdf8",
|
|
"info-content": "#0c4a6e",
|
|
"success": "#34d399",
|
|
"success-content": "#064e3b",
|
|
"warning": "#fbbf24",
|
|
"warning-content": "#92400e",
|
|
"error": "#f87171",
|
|
"error-content": "#7f1d1d",
|
|
},
|
|
},
|
|
],
|
|
base: true,
|
|
styled: true,
|
|
utils: true,
|
|
prefix: "",
|
|
logs: false,
|
|
themeRoot: ":root",
|
|
},
|
|
}; |