the-tip-top-frontend/tailwind.config.js
soufiane 81a3e0bfae feat: update color palette to WCAG AA compliant green theme
- 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>
2025-12-05 11:18:19 +01:00

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: [],
}