- Update primary colors to forest green (#0B6029) - Update all page titles to use primary-300/500 colors - Update components (Header, Footer, Button, etc.) - Fix email to thetiptopgr3@gmail.com - Adjust hero section spacing 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
65 lines
1.8 KiB
JavaScript
65 lines
1.8 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: [
|
|
'./app/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./components/**/*.{js,ts,jsx,tsx,mdx}',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Palette basée sur #0B6029 (Forest Green) - WCAG AA compliant
|
|
primary: {
|
|
50: '#E8F5EC', // Très clair pour backgrounds
|
|
100: '#C6E7D0', // Clair
|
|
200: '#9ED5AF', //
|
|
300: '#6FC085', //
|
|
400: '#3FA85B', //
|
|
500: '#0B6029', // Couleur principale (votre couleur)
|
|
600: '#0A5525', // Plus foncé
|
|
700: '#084A20', //
|
|
800: '#063E1A', //
|
|
900: '#042E13', // Très foncé
|
|
},
|
|
secondary: {
|
|
// Or/Doré complémentaire - contraste 4.5:1+ sur blanc
|
|
50: '#FDF8E8',
|
|
100: '#FAF0CC',
|
|
200: '#F5E299',
|
|
300: '#EFD366',
|
|
400: '#E8C333',
|
|
500: '#A68B2C', // Principal - bon contraste sur blanc
|
|
600: '#8A7324',
|
|
700: '#6E5B1C',
|
|
800: '#524415',
|
|
900: '#362D0E',
|
|
},
|
|
// Beige pour backgrounds - excellent contraste avec primary
|
|
beige: {
|
|
50: '#FEFDFB',
|
|
100: '#FAF8F5', // Background principal
|
|
200: '#F5F0E8',
|
|
300: '#EBE4D8',
|
|
400: '#DED4C4',
|
|
500: '#C9BBAA',
|
|
600: '#A69882',
|
|
700: '#7D705F',
|
|
800: '#544B3F',
|
|
900: '#2B2620',
|
|
},
|
|
logo: {
|
|
brown: '#694633',
|
|
gold: '#C1C333',
|
|
lightGold: '#C5C04B',
|
|
darkBrown: '#5a3a29',
|
|
forestGreen: '#0B6029',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: ['var(--font-inter)', 'system-ui', 'sans-serif'],
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|
|
|