Files
SREBOT-web/tailwind.config.js
T

65 lines
1.7 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
const isProduction = process.env.NODE_ENV === 'production';
module.exports = {
content: [
"./views/**/*.ejs",
"./public/**/*.js",
"./public/**/*.html",
],
theme: {
extend: {
colors: {
accent: '#F5F5DC', // Cream - primary accent
muted: '#90EE90', // Light mint green - secondary/muted text
primary: {
50: '#e6fff2',
100: '#b3ffe0',
200: '#80ffcd',
300: '#4dffbb',
400: '#39ff14',
500: '#00ff6b',
600: '#00cc56',
700: '#009940',
800: '#00662b',
900: '#003315',
},
dark: {
50: '#252545',
100: '#1a1a2e',
200: '#0f0f1a',
300: '#0d0d15',
400: '#0a0a10',
},
},
backgroundImage: {
'gradient-dark': 'linear-gradient(135deg, #0f0f1a 0%, #1a1a2e 50%, #252545 100%)',
'gradient-primary': 'linear-gradient(45deg, #39ff14, #00ff6b)',
},
fontFamily: {
'skyquake': ['skyquakesymbols', 'Inter', 'sans-serif'],
},
animation: {
'gradient-shift': 'gradientShift 3s ease-in-out infinite',
'scroll-right': 'scrollRight 60s linear infinite',
'spin-slow': 'spin 8s linear infinite',
},
keyframes: {
gradientShift: {
'0%, 100%': { backgroundPosition: '0% 50%' },
'50%': { backgroundPosition: '100% 50%' },
},
scrollRight: {
'0%': { transform: 'translateX(0)' },
'100%': { transform: 'translateX(-50%)' },
},
},
backdropBlur: {
xs: '2px',
},
},
},
plugins: [],
}