26c6d8031c
Application Laravel 12 + Inertia + Vue 3 + Tailwind. Fonctionnalités : dashboard glycémique, saisie de mesures, courbe SVG, statistiques (jour/semaine/mois/trimestre), défis & badges, chat coach IA (Gemini), paramètres profil avec palette de couleurs, pages auth redessinées, emails transactionnels via Resend avec thème Diabetix. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
34 lines
1.2 KiB
JavaScript
34 lines
1.2 KiB
JavaScript
// Diabetix design tokens — recreated from the design bundle.
|
|
export const PALETTES = {
|
|
mint: {
|
|
primary: '#7bbfb5', light: '#d4ede8', dark: '#5ca89d',
|
|
amber: '#f59e0b', amberLight: '#fef3c7',
|
|
alert: '#fde8e8', alertDark: '#fb9999',
|
|
bg: '#faf8f4', bgAlt: '#f0ede6',
|
|
text: '#2a3533', muted: '#7a9c97',
|
|
border: '#ddeae7', white: '#ffffff',
|
|
},
|
|
lilac: {
|
|
primary: '#9b8ec4', light: '#ede8f8', dark: '#7b6ea4',
|
|
amber: '#f59e0b', amberLight: '#fef3c7',
|
|
alert: '#f8e8fd', alertDark: '#e9a8e9',
|
|
bg: '#faf8fd', bgAlt: '#f0edf8',
|
|
text: '#2a2733', muted: '#7a7a9c',
|
|
border: '#dddaea', white: '#ffffff',
|
|
},
|
|
peach: {
|
|
primary: '#d4826a', light: '#fde8df', dark: '#b56650',
|
|
amber: '#6bbbaf', amberLight: '#d4ede8',
|
|
alert: '#fde8e8', alertDark: '#fb9999',
|
|
bg: '#fdf8f5', bgAlt: '#f5ede7',
|
|
text: '#332a27', muted: '#9c7a70',
|
|
border: '#eaddd7', white: '#ffffff',
|
|
},
|
|
};
|
|
|
|
export const FONT = { title: "'Lora', serif", body: "'Plus Jakarta Sans', sans-serif" };
|
|
|
|
export function tokens(palette = 'mint') {
|
|
return PALETTES[palette] ?? PALETTES.mint;
|
|
}
|