From 52b0167d2802268d4a0e62a39011326d677e07d4 Mon Sep 17 00:00:00 2001
From: caty21 <caty21@users.noreply.github.com>
Date: Sat, 27 Jun 2026 19:11:51 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20tooltip=20OIS=20charts=20=E2=80=94=20lab?=
 =?UTF-8?q?elStyle=20+=20itemStyle=20pour=20texte=20lisible?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

contentStyle.color n'affecte pas les textes internes de Recharts.
Ajout de labelStyle (date, gris) et itemStyle (valeur, blanc) sur les
deux Tooltip (Rate Curve + Implied Pts).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 components/CurrencyCard.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/CurrencyCard.tsx b/components/CurrencyCard.tsx
index 2af70fc..f1b8a76 100644
--- a/components/CurrencyCard.tsx
+++ b/components/CurrencyCard.tsx
@@ -520,7 +520,9 @@ function OISEnhancedBlock({ ratePath }: { ratePath: CBRatePath }) {
                   domain={[minR - yMargin, maxR + yMargin]}
                   tickFormatter={(v: number) => v.toFixed(2)} />
                 <Tooltip
-                  contentStyle={{ background: "#0f172a", border: "1px solid #334155", borderRadius: 6, fontSize: 9, color: "#e2e8f0" }}
+                  contentStyle={{ background: "#0f172a", border: "1px solid #334155", borderRadius: 6, fontSize: 9 }}
+                  labelStyle={{ color: "#94a3b8", fontSize: 9 }}
+                  itemStyle={{ color: "#e2e8f0", fontSize: 9 }}
                   formatter={(v: number, name: string) => [`${v.toFixed(3)}%`, name === "current" ? "Actuel" : "Sem. préc."]}
                 />
                 <Line type="monotone" dataKey="current" stroke="#e2e8f0" strokeWidth={1.5} dot={{ r: 2, fill: "#e2e8f0" }} name="current" />
@@ -554,7 +556,9 @@ function OISEnhancedBlock({ ratePath }: { ratePath: CBRatePath }) {
                   tickFormatter={(v: number) => `${v}bps`} />
                 <ReferenceLine y={0} stroke="#334155" strokeWidth={0.5} />
                 <Tooltip
-                  contentStyle={{ background: "#0f172a", border: "1px solid #334155", borderRadius: 6, fontSize: 9, color: "#e2e8f0" }}
+                  contentStyle={{ background: "#0f172a", border: "1px solid #334155", borderRadius: 6, fontSize: 9 }}
+                  labelStyle={{ color: "#94a3b8", fontSize: 9 }}
+                  itemStyle={{ color: "#e2e8f0", fontSize: 9 }}
                   formatter={(v: number) => [`${v > 0 ? "+" : ""}${v.toFixed(1)}bps`, "Implied"]}
                 />
                 <Bar dataKey="bps" radius={[2, 2, 0, 0]}>