Files
Info/frontend/tailwind.config.js
2026-01-25 23:05:41 +02:00

49 lines
1.2 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
colors: {
// Midnight Utility Theme
slate: {
950: '#020617',
900: '#0f172a',
800: '#1e293b',
700: '#334155',
600: '#475569',
500: '#64748b',
400: '#94a3b8',
300: '#cbd5e1',
200: '#e2e8f0',
100: '#f1f5f9',
},
accent: {
cyan: '#22d3ee',
emerald: '#10b981',
amber: '#f59e0b',
rose: '#f43f5e',
violet: '#8b5cf6',
},
},
fontFamily: {
sans: ['Inter', 'system-ui', 'sans-serif'],
mono: ['JetBrains Mono', 'Fira Code', 'monospace'],
},
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(34, 211, 238, 0.3)' },
'100%': { boxShadow: '0 0 20px rgba(34, 211, 238, 0.6)' },
},
},
},
},
plugins: [],
}