From 3136b5e7fce71fedf50c671eb205870d9aeb704c Mon Sep 17 00:00:00 2001 From: Gwadaking Date: Fri, 3 Apr 2026 21:01:46 -0400 Subject: [PATCH] =?UTF-8?q?fix:=20couleur=20forecasts=20=E2=86=92=20m?= =?UTF-8?q?=C3=AAme=20orange=20sargasses=20que=20observations?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Les prévisions utilisent la même couleur (#f4a020/#c47a10) que les observations confirmées, avec fill à 20% (vs 50%) et contour tirets. Lecture immédiate : "sargasses futures" sans rupture visuelle arbitraire. Co-Authored-By: Claude Sonnet 4.6 --- frontend/src/components/Map/SargassesMap.jsx | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/frontend/src/components/Map/SargassesMap.jsx b/frontend/src/components/Map/SargassesMap.jsx index 4972868..adfe5b5 100644 --- a/frontend/src/components/Map/SargassesMap.jsx +++ b/frontend/src/components/Map/SargassesMap.jsx @@ -77,10 +77,9 @@ const makeLayerStyles = (isPrediction, opacity) => ({ type: 'fill', source: isPrediction ? 'forecasts' : 'observations', paint: { - 'fill-color': isPrediction ? '#818cf8' : '#f4a020', - // Prévisions : fill très transparent — le contour tiré porte l'info, - // le fill laisse voir la carte (y compris la terre) en dessous - 'fill-opacity': (isPrediction ? 0.12 : 0.50) * opacity, + // Prévisions : même couleur sargasses que l'observation, juste atténuée + 'fill-color': '#f4a020', + 'fill-opacity': (isPrediction ? 0.20 : 0.50) * opacity, 'fill-opacity-transition': { duration: 350 }, }, }, @@ -89,10 +88,9 @@ const makeLayerStyles = (isPrediction, opacity) => ({ type: 'line', source: isPrediction ? 'forecasts' : 'observations', paint: { - 'line-color': isPrediction ? '#6366f1' : '#c47a10', - // Prévisions : contour plus épais et tirets plus marqués - 'line-width': isPrediction ? 2.5 : 2.5, - 'line-opacity': opacity * (isPrediction ? 0.75 : 0.85), + 'line-color': '#c47a10', + 'line-width': 2.5, + 'line-opacity': opacity * (isPrediction ? 0.65 : 0.85), 'line-opacity-transition': { duration: 350 }, ...(isPrediction ? { 'line-dasharray': [6, 4] } : {}), },