style: einheitliche Farben mit transparenter Füllung für Legende Symbol für alle Messkurven

Isolation, Schleifen, TDR und Meldungseingänge/Analoge Eingänge

components/main/kabelueberwachung/kue705FO/Charts/TDRChart/TDRChart.tsx

@@ -89,6 +89,7 @@ const TDRChart: React.FC<{ isFullScreen: boolean }> = ({ isFullScreen }) => {
                   label: `TDR Kurve`,
                   data: tdrChartData,
                   borderColor: getColor("littwin-blue"),
+                  backgroundColor: "rgba(59,130,246,0.5)",
                   borderWidth: 1,
                   tension: 0.1,
                   pointRadius: 0,
@@ -101,7 +102,8 @@ const TDRChart: React.FC<{ isFullScreen: boolean }> = ({ isFullScreen }) => {
                 {
                   label: "Referenzkurve",
                   data: referenceChartData,
-                  borderColor: "black",
+                  borderColor: "rgba(51,51,51,1)", // Dunkelgrau (nicht tiefschwarz)
+                  backgroundColor: "rgba(51,51,51,0.3)", // Leicht transparent
                   borderWidth: 1,
                   // borderDash: [5, 5],
                   pointRadius: 0,
@@ -120,7 +122,8 @@ const TDRChart: React.FC<{ isFullScreen: boolean }> = ({ isFullScreen }) => {
                       ? [{ d: pinDistance, p: 0 }]
                       : [],
                   borderColor: "red",
-                  backgroundColor: "red",
+                  borderWidth: 1,
+                  backgroundColor: "rgba(220,38,38,0.5)",
                   pointRadius: 10,
                   pointStyle: "triangle", // Hier den korrekten Stil setzen
                   showLine: false,