biohazard-vfx/tailwind.config.js
Nicholai 11410f9727 Initial project setup with Next.js, Tailwind CSS, TypeScript, and ESLint configuration
- Configured Next.js app with app router
- Set up Tailwind CSS with custom dark theme
- Implemented providers with SessionProvider and ThemeProvider
- Added toast system
- Configured ESLint and Prettier
- Set up pre-commit hooks with husky and lint-staged

🚀 Generated with [opencode](https://opencode.ai)

Co-Authored-By: opencode <noreply@opencode.ai>
2025-08-07 15:33:04 -06:00

44 lines
1.2 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
'./src/app/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: {
extend: {
colors: {
'bg-dark': 'oklch(0.1 0.005 203)',
'bg': 'oklch(0.15 0.005 203)',
'bg-light': 'oklch(0.2 0.005 203)',
'text': 'oklch(0.96 0.01 203)',
'text-muted': 'oklch(0.76 0.01 203)',
'highlight': 'oklch(0.5 0.01 203)',
'border': 'oklch(0.4 0.01 203)',
'border-muted': 'oklch(0.3 0.01 203)',
'primary': 'oklch(0.76 0.1 203)',
'secondary': 'oklch(0.76 0.1 23)',
},
fontFamily: {
'sans': ['var(--font-roboto-condensed)', 'system-ui', 'sans-serif'],
},
animation: {
'fade-in': 'fadeIn 0.6s ease-out',
'slide-up': 'slideUp 0.6s ease-out',
},
keyframes: {
fadeIn: {
'0%': { opacity: '0' },
'100%': { opacity: '1' },
},
slideUp: {
'0%': { opacity: '0', transform: 'translateY(20px)' },
'100%': { opacity: '1', transform: 'translateY(0)' },
},
},
},
},
plugins: [
require('@tailwindcss/typography'),
],
}