feature/IO-1113-Online-Dark-Mode - Initial Commit

client/src/components/scoreboard-timetickets-stats/chart-custom-tooltip.jsx

@@ -3,15 +3,16 @@ const CustomTooltip = ({ active, payload, label }) => {
     return (
       <div
         style={{
-          backgroundColor: "white",
-          border: "1px solid gray",
+          backgroundColor: "var(--tooltip-bg)",
+          border: "1px solid var(--tooltip-border)",
           padding: "0.5rem"
         }}
       >
         <p style={{ margin: "0" }}>{label}</p>
         {payload.map((data, index) => {
+          const textColor = data.color || "var(--tooltip-text-fallback)";
           return (
-            <p style={{ margin: "10px 0", color: data.color }} key={index}>{`${
+            <p style={{ margin: "10px 0", color: textColor }} key={index}>{`${
               data.name
             } : ${data.value.toFixed(1)}`}</p>
           );
@@ -19,7 +20,6 @@ const CustomTooltip = ({ active, payload, label }) => {
       </div>
     );
   }
-
   return null;
 };