From 5ba5e30e30ca9c379a8b2032f2897ac8d6b55e93 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=7BAI=7Df=20D=2E=20M=C3=BCller?=
 <ralf.d.mueller+AI@gmail.com>
Date: Mon, 16 Mar 2026 22:59:42 +0100
Subject: [PATCH] fix: remove tooltip accent bar and use fixed dark colors
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Remove left accent bar from tooltip (was oval due to rx=4 on width=4,
  not present on the right side — asymmetric and visually broken)
- Use fixed dark colors for tooltip (always dark like OS tooltips)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/RadarChart.jsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/RadarChart.jsx b/src/components/RadarChart.jsx
index 62bbb98..c05c78d 100644
--- a/src/components/RadarChart.jsx
+++ b/src/components/RadarChart.jsx
@@ -407,32 +407,31 @@ export default function RadarChart({
             width={tooltipW}
             height={tooltipH}
             rx={10}
-            fill="var(--bg-card)"
+            fill="#1e293b"
             stroke={tc}
             strokeWidth={1.5}
             filter="url(#tt-shadow)"
           />
-          <rect x={tipX} y={tipY} width={4} height={tooltipH} rx={4} fill={tc} />
-          <text x={tipX + 14} y={tipY + 19} fill="var(--text-secondary)" fontSize="11" fontWeight="500">
+          <text x={tipX + 14} y={tipY + 19} fill="#94a3b8" fontSize="11" fontWeight="500">
             {tooltip.label}
           </text>
           <text x={tipX + 14} y={tipY + 39} fill={tc} fontSize="19" fontWeight="800">
             {tooltip.value}
-            <tspan fill="var(--text-muted)" fontSize="11" fontWeight="400">
+            <tspan fill="#475569" fontSize="11" fontWeight="400">
               {" "}
               / 4
             </tspan>
           </text>
           <polygon
             points={`${tipX + tooltipW / 2 - 7},${tipY + tooltipH} ${tipX + tooltipW / 2 + 7},${tipY + tooltipH} ${tipX + tooltipW / 2},${tipY + tooltipH + 10}`}
-            fill="var(--bg-card)"
+            fill="#1e293b"
             stroke={tc}
             strokeWidth={1.5}
             strokeLinejoin="round"
           />
           <polygon
             points={`${tipX + tooltipW / 2 - 5},${tipY + tooltipH - 1} ${tipX + tooltipW / 2 + 5},${tipY + tooltipH - 1} ${tipX + tooltipW / 2},${tipY + tooltipH + 8}`}
-            fill="var(--bg-card)"
+            fill="#1e293b"
           />
         </g>
       )}