TheMaddax
adc2eb7abc
- Add Events, Membership, and Donate pages with responsive layouts - Fix Tailwind CSS 4.0 configuration with proper PostCSS setup - Update Memory Bank documentation (product, system, tech context) - Configure CSS variables for consistent theming and accessibility - Fix client-side components with 'use client' directives - Update progress tracking in Memory Bank - Implement WCAG 2.2 AA accessibility features This commit completes Phase 1 of the OCD website implementation plan, establishing all core public-facing pages with proper styling and accessibility.
81 lines
2 KiB
JavaScript
81 lines
2 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./src/app/**/*.{js,ts,jsx,tsx,mdx}',
|
|
],
|
|
theme: {
|
|
colors: {
|
|
'primary': 'var(--color-primary)',
|
|
'primary-light': 'var(--color-primary-light)',
|
|
'primary-dark': 'var(--color-primary-dark)',
|
|
'secondary': 'var(--color-secondary)',
|
|
'secondary-light': 'var(--color-secondary-light)',
|
|
'secondary-dark': 'var(--color-secondary-dark)',
|
|
'accent': 'var(--color-accent)',
|
|
'accent-light': 'var(--color-accent-light)',
|
|
'accent-dark': 'var(--color-accent-dark)',
|
|
'transparent': 'transparent',
|
|
'current': 'currentColor',
|
|
'black': '#000',
|
|
'white': '#fff',
|
|
'gray': {
|
|
50: '#f9fafb',
|
|
100: '#f3f4f6',
|
|
200: '#e5e7eb',
|
|
300: '#d1d5db',
|
|
400: '#9ca3af',
|
|
500: '#6b7280',
|
|
600: '#4b5563',
|
|
700: '#374151',
|
|
800: '#1f2937',
|
|
900: '#111827',
|
|
950: '#030712',
|
|
},
|
|
'blue': {
|
|
50: '#eff6ff',
|
|
100: '#dbeafe',
|
|
500: '#3b82f6',
|
|
600: '#2563eb',
|
|
700: '#1d4ed8',
|
|
},
|
|
'indigo': {
|
|
50: '#eef2ff',
|
|
100: '#e0e7ff',
|
|
900: '#312e81',
|
|
950: '#1e1b4b',
|
|
},
|
|
'red': {
|
|
100: '#fee2e2',
|
|
400: '#f87171',
|
|
500: '#ef4444',
|
|
600: '#dc2626',
|
|
700: '#b91c1c',
|
|
900: '#7f1d1d',
|
|
},
|
|
'green': {
|
|
100: '#dcfce7',
|
|
200: '#bbf7d0',
|
|
600: '#16a34a',
|
|
700: '#15803d',
|
|
900: '#14532d',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
'sans': 'var(--font-sans)',
|
|
'display': 'var(--font-display)',
|
|
},
|
|
borderRadius: {
|
|
'none': '0px',
|
|
'sm': 'var(--border-radius-sm)',
|
|
'DEFAULT': 'var(--border-radius)',
|
|
'md': 'var(--border-radius)',
|
|
'lg': 'var(--border-radius-lg)',
|
|
'xl': 'var(--border-radius-xl)',
|
|
'full': '9999px',
|
|
},
|
|
},
|
|
darkMode: 'media',
|
|
plugins: [],
|
|
};
|