48 lines
1.1 KiB
JavaScript
48 lines
1.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: {
|
|
50: '#e6f7ff',
|
|
100: '#bae7ff',
|
|
200: '#91d5ff',
|
|
300: '#69c0ff',
|
|
400: '#40a9ff',
|
|
500: '#1890ff',
|
|
600: '#096dd9',
|
|
700: '#0050b3',
|
|
800: '#003a8c',
|
|
900: '#002766',
|
|
},
|
|
dark: {
|
|
bg: '#0f1419',
|
|
card: '#1a1f2e',
|
|
border: '#2d3748',
|
|
text: '#e2e8f0',
|
|
}
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', 'system-ui', 'sans-serif'],
|
|
display: ['Space Grotesk', 'sans-serif'],
|
|
},
|
|
animation: {
|
|
'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
|
'glow': 'glow 2s ease-in-out infinite alternate',
|
|
},
|
|
keyframes: {
|
|
glow: {
|
|
'0%': { boxShadow: '0 0 5px rgba(24, 144, 255, 0.5)' },
|
|
'100%': { boxShadow: '0 0 20px rgba(24, 144, 255, 0.8)' },
|
|
}
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|