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] } : {}), },