69 lines
1.8 KiB
TypeScript
69 lines
1.8 KiB
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
const config: Config = {
|
|
content: [
|
|
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['var(--font-inter)', 'system-ui', 'sans-serif'],
|
|
mono: ['var(--font-mono)', 'monospace'],
|
|
},
|
|
colors: {
|
|
brand: {
|
|
50: '#ecfdf5',
|
|
100: '#d1fae5',
|
|
200: '#a7f3d0',
|
|
300: '#6ee7b7',
|
|
400: '#34d399',
|
|
500: '#10b981',
|
|
600: '#059669',
|
|
700: '#047857',
|
|
800: '#065f46',
|
|
900: '#064e3b',
|
|
950: '#022c22',
|
|
},
|
|
dark: {
|
|
50: '#f8fafc',
|
|
100: '#f1f5f9',
|
|
800: '#1e293b',
|
|
850: '#172033',
|
|
900: '#0f172a',
|
|
950: '#090d16',
|
|
1000: '#05070b',
|
|
}
|
|
},
|
|
backgroundImage: {
|
|
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
|
|
'glass-gradient': 'linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%)',
|
|
},
|
|
animation: {
|
|
'glow-pulse': 'glow 3s ease-in-out infinite alternate',
|
|
'fade-in': 'fadeIn 0.25s ease-out forwards',
|
|
'slide-up': 'slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards',
|
|
},
|
|
keyframes: {
|
|
glow: {
|
|
'0%': { opacity: '0.4' },
|
|
'100%': { opacity: '0.8' },
|
|
},
|
|
fadeIn: {
|
|
'0%': { opacity: '0', transform: 'scale(0.98)' },
|
|
'100%': { opacity: '1', transform: 'scale(1)' },
|
|
},
|
|
slideUp: {
|
|
'0%': { opacity: '0', transform: 'translateY(8px)' },
|
|
'100%': { opacity: '1', transform: 'translateY(0)' },
|
|
}
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
|
|
export default config;
|