Files
barkwho/frontend/tailwind.config.js
2026-01-31 22:18:40 +00:00

69 lines
1.9 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
export default {
content: [
'./index.html',
'./src/**/*.{js,ts,jsx,tsx}',
],
theme: {
extend: {
colors: {
viridian: {
DEFAULT: '#2E473B',
dark: '#1E3229',
light: '#3A5A4A',
hover: '#456B57',
},
cream: {
DEFAULT: '#F5F5DC',
muted: '#C4C4A8',
dark: '#8A8A72',
},
gold: {
DEFAULT: '#D4AF37',
muted: '#AA8C2C',
bright: '#F4CF57',
},
blockRed: {
DEFAULT: '#BE123C',
dark: '#880825',
},
manor: {
green: '#4CAF50',
red: '#BE123C',
nuke: '#BE123C',
accent: '#D4AF37',
border: 'rgba(245, 245, 220, 0.15)',
},
},
fontFamily: {
serif: ['Playfair Display', 'Libre Baskerville', 'Georgia', 'serif'],
mono: ['Courier New', 'Consolas', 'monospace'],
},
backdropBlur: {
glass: '16px',
},
boxShadow: {
'glow-green': '0 0 12px rgba(76, 175, 80, 0.4), 0 0 4px rgba(76, 175, 80, 0.2)',
'glow-red': 'inset 0 0 12px rgba(190, 18, 60, 0.3), 0 0 8px rgba(190, 18, 60, 0.2)',
'glow-gold': '0 0 12px rgba(212, 175, 55, 0.3), 0 0 4px rgba(212, 175, 55, 0.2)',
'glass': '0 8px 32px rgba(0, 0, 0, 0.3)',
},
animation: {
'pulse-nuke': 'pulseNuke 2s ease-in-out infinite',
'glow-online': 'glowOnline 2s ease-in-out infinite',
},
keyframes: {
pulseNuke: {
'0%, 100%': { boxShadow: '0 0 15px rgba(190, 18, 60, 0.4)' },
'50%': { boxShadow: '0 0 30px rgba(190, 18, 60, 0.7), 0 0 60px rgba(190, 18, 60, 0.3)' },
},
glowOnline: {
'0%, 100%': { boxShadow: '0 0 6px rgba(76, 175, 80, 0.6)' },
'50%': { boxShadow: '0 0 12px rgba(76, 175, 80, 0.9)' },
},
},
},
},
plugins: [],
};