info-canicule/tailwind.config.mjs
Florian 72b3785499
All checks were successful
Deploy info-canicule / deploy (push) Successful in 1m30s
feat(design): refonte hi-fi (tokens, pills glyphes, dark mode, accueil)
Adopte le design system livré par Claude Design (Info Canicule.html) :
palette --paper/--brand/--ink + ramp vigilance, Public Sans + Manrope,
header sticky blurred avec toggle clair/sombre, pills vigilance avec
glyphes ●▲◆■ (a11y daltonisme), home restructurée (hero, stat tiles,
map + sidebar avec recherche département, liste filtrable, CTA conseils).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-27 18:41:57 +02:00

45 lines
1.3 KiB
JavaScript

import { createRequire } from 'node:module';
const require = createRequire(import.meta.url);
/** @type {import('tailwindcss').Config} */
export default {
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
// Les classes vigilance-chip-{1..4} sont construites dynamiquement (`vigilance-chip-${colorId}`),
// donc le scanner statique ne les voit pas — on les force ici.
safelist: [
'vigilance-chip-1',
'vigilance-chip-2',
'vigilance-chip-3',
'vigilance-chip-4',
'bg-vigilance-vert',
'bg-vigilance-jaune',
'bg-vigilance-orange',
'bg-vigilance-rouge',
],
theme: {
extend: {
colors: {
vigilance: {
vert: '#5cb85c',
jaune: '#f6d800',
orange: '#f08c1a',
rouge: '#d9534f',
},
canicule: {
50: '#fff7ed',
100: '#ffedd5',
500: '#f97316',
600: '#ea580c',
700: '#c2410c',
900: '#7c2d12',
},
},
fontFamily: {
sans: ['"Public Sans"', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'sans-serif'],
display: ['Manrope', '"Public Sans"', 'system-ui', 'sans-serif'],
mono: ['"JetBrains Mono"', 'ui-monospace', 'monospace'],
},
},
},
plugins: [require('@tailwindcss/typography')],
};