Files
FunConnect/client/ui/tailwind.config.js

50 lines
1.4 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
colors: {
'bg-primary': '#0d1117',
'bg-secondary': '#161b22',
'bg-tertiary': '#21262d',
'border': '#30363d',
'text-primary': '#f0f6fc',
'text-secondary': '#c9d1d9',
'text-muted': '#8b949e',
'accent-green': '#3fb950',
'accent-blue': '#58a6ff',
'accent-purple': '#a371f7',
'accent-orange': '#d29922',
'accent-red': '#f85149',
},
fontFamily: {
'sans': ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'],
'mono': ['JetBrains Mono', 'Fira Code', 'Consolas', 'monospace'],
},
animation: {
'fade-in': 'fadeIn 0.2s ease-out',
'slide-up': 'slideUp 0.3s ease-out',
'pulse-green': 'pulseGreen 2s infinite',
},
keyframes: {
fadeIn: {
'0%': { opacity: '0' },
'100%': { opacity: '1' },
},
slideUp: {
'0%': { opacity: '0', transform: 'translateY(10px)' },
'100%': { opacity: '1', transform: 'translateY(0)' },
},
pulseGreen: {
'0%, 100%': { boxShadow: '0 0 0 0 rgba(63, 185, 80, 0.4)' },
'50%': { boxShadow: '0 0 0 8px rgba(63, 185, 80, 0)' },
},
},
},
},
plugins: [],
}