diff --git a/frontend/src/app.css b/frontend/src/app.css index 11f827a..da8a085 100644 --- a/frontend/src/app.css +++ b/frontend/src/app.css @@ -105,7 +105,7 @@ --gradient-protein-huelsenfruechte: linear-gradient(135deg, #a16207 0%, #854d0e 100%); /* ── Cuisine gradient tokens ────────────────────────────────────── */ - --gradient-cuisine-italienisch: linear-gradient(135deg, #dc2626 0%, #991b1b 100%); + --gradient-cuisine-deutsch: linear-gradient(135deg, #78716c 0%, #44403c 100%); --gradient-cuisine-asiatisch: linear-gradient(135deg, #166534 0%, #14532d 100%); --gradient-cuisine-indisch: linear-gradient(135deg, #ca8a04 0%, #a16207 100%); --gradient-cuisine-mexikanisch: linear-gradient(135deg, #ea580c 0%, #c2410c 100%); diff --git a/frontend/src/lib/design-system/tokens.test.ts b/frontend/src/lib/design-system/tokens.test.ts index 6ff1db3..b33ac17 100644 --- a/frontend/src/lib/design-system/tokens.test.ts +++ b/frontend/src/lib/design-system/tokens.test.ts @@ -64,7 +64,7 @@ const requiredTokens = [ '--gradient-protein-kaese', '--gradient-protein-huelsenfruechte', // Cuisine gradient tokens - '--gradient-cuisine-italienisch', + '--gradient-cuisine-deutsch', '--gradient-cuisine-asiatisch', '--gradient-cuisine-indisch', '--gradient-cuisine-mexikanisch', diff --git a/frontend/src/lib/planner/DesktopDayTile.svelte b/frontend/src/lib/planner/DesktopDayTile.svelte index d701ffa..44d8377 100644 --- a/frontend/src/lib/planner/DesktopDayTile.svelte +++ b/frontend/src/lib/planner/DesktopDayTile.svelte @@ -84,6 +84,10 @@ if (proteinTag?.name) { return `var(--gradient-protein-${toCssKey(proteinTag.name)})`; } + const cuisineTag = slot.recipe.tags?.find((t) => t.tagType === 'cuisine'); + if (cuisineTag?.name) { + return `var(--gradient-cuisine-${toCssKey(cuisineTag.name)})`; + } return 'var(--color-surface)'; })());