mirror of
https://github.com/Dictionarry-Hub/profilarr.git
synced 2026-01-22 19:01:02 +01:00
65 lines
2.3 KiB
JavaScript
65 lines
2.3 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
// tailwind.config.js
|
|
module.exports = {
|
|
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
code: ['Courier New', 'monospace'] // Custom pre font
|
|
},
|
|
keyframes: {
|
|
'modal-open': {
|
|
'0%': {opacity: 0, transform: 'scale(0.95)'},
|
|
'100%': {opacity: 1, transform: 'scale(1)'}
|
|
},
|
|
'fade-in': {
|
|
'0%': {opacity: 0},
|
|
'100%': {opacity: 1}
|
|
},
|
|
'slide-down': {
|
|
'0%': {
|
|
opacity: '0',
|
|
transform: 'translate3d(0, -100%, 0)'
|
|
},
|
|
'100%': {
|
|
opacity: '1',
|
|
transform: 'translate3d(0, 0, 0)'
|
|
}
|
|
},
|
|
wiggle: {
|
|
'0%, 100%': {transform: 'rotate(0deg)'},
|
|
'25%': {transform: 'rotate(-20deg)'},
|
|
'75%': {transform: 'rotate(20deg)'}
|
|
},
|
|
'check-bounce': {
|
|
'0%, 100%': {transform: 'scale(1) rotate(0deg)'},
|
|
'30%': {transform: 'scale(1.15) rotate(-10deg)'},
|
|
'60%': {transform: 'scale(0.9) rotate(5deg)'}
|
|
}
|
|
},
|
|
animation: {
|
|
'modal-open': 'modal-open 0.3s ease-out forwards',
|
|
'fade-in': 'fade-in 0.5s ease-in-out forwards',
|
|
'slide-down': 'slide-down 0.4s cubic-bezier(0.16, 1, 0.3, 1)',
|
|
wiggle: 'wiggle 0.3s ease-in-out',
|
|
'check-bounce': 'check-bounce 0.3s ease-in-out'
|
|
},
|
|
colors: {
|
|
'dark-bg': '#1a1c23',
|
|
'dark-card': '#2a2e37',
|
|
'dark-text': '#e2e8f0',
|
|
'dark-border': '#4a5568',
|
|
'dark-button': '#3182ce',
|
|
'dark-button-hover': '#2c5282'
|
|
},
|
|
borderRadius: {
|
|
lg: '0.5rem',
|
|
md: '0.375rem',
|
|
sm: '0.25rem'
|
|
}
|
|
}
|
|
},
|
|
plugins: []
|
|
};
|