From d54ac6a37a3ac80dccb6bb4e9b5d7d5104e1a7cf Mon Sep 17 00:00:00 2001 From: Marcel Raddatz Date: Fri, 10 Apr 2026 12:12:03 +0200 Subject: [PATCH] feat(planner): use cuisine gradient as fallback when no protein tag MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Fallback chain: heroImageUrl → protein gradient → cuisine gradient → surface. Also rename --gradient-cuisine-italienisch → --gradient-cuisine-deutsch (actual seed tag) with an earthy warm-grey colour. Co-Authored-By: Claude Sonnet 4.6 --- frontend/src/app.css | 2 +- frontend/src/lib/design-system/tokens.test.ts | 2 +- frontend/src/lib/planner/DesktopDayTile.svelte | 4 ++++ 3 files changed, 6 insertions(+), 2 deletions(-) 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)'; })());