showing pbs on account history chart

frontend/src/ts/controllers/chart-controller.ts

@@ -380,6 +380,8 @@ export const accountHistory: ChartWithUpdateColors<
               "\n" +
               `language: ${resultData.language}` +
               "\n\n" +
+              `personal best: ${resultData.isPb ? "yes" : "no"}` +
+              "\n\n" +
               `date: ${format(
                 new Date(resultData.timestamp),
                 "dd MMM yyyy HH:mm"
@@ -698,6 +700,7 @@ export async function updateColors<
   const subcolor = await ThemeColors.get("sub");
   const maincolor = await ThemeColors.get("main");
   const errorcolor = await ThemeColors.get("error");
+  const textcolor = await ThemeColors.get("text");
 
   if (
     chart.data.datasets.every(
@@ -715,7 +718,12 @@ export async function updateColors<
     return;
   }
 
-  chart.data.datasets[0].borderColor = maincolor;
+  //@ts-ignore
+  chart.data.datasets[0].borderColor = (ctx): string => {
+    const isPb = ctx.raw?.["isPb"];
+    const color = isPb ? textcolor : maincolor;
+    return color;
+  };
   chart.data.datasets[1].borderColor = subcolor;
   if (chart.data.datasets[2]) {
     chart.data.datasets[2].borderColor = errorcolor;
@@ -725,7 +733,12 @@ export async function updateColors<
     if (chart.config.type === "line") {
       (
         chart.data.datasets as ChartDataset<"line", TData>[]
-      )[0].pointBackgroundColor = maincolor;
+      )[0].pointBackgroundColor = (ctx): string => {
+        //@ts-ignore
+        const isPb = ctx.raw?.["isPb"];
+        const color = isPb ? textcolor : maincolor;
+        return color;
+      };
     } else if (chart.config.type === "bar") {
       chart.data.datasets[0].backgroundColor = maincolor;
     }

frontend/src/ts/pages/account.ts

@@ -600,6 +600,7 @@ function fillContent(): void {
         raw: Config.alwaysShowCPM
           ? Misc.roundTo2(result.rawWpm * 5)
           : result.rawWpm,
+        isPb: result.isPb ?? false,
       });
 
       wpmChartData.push(result.wpm);

frontend/src/ts/types/types.d.ts

@@ -147,6 +147,7 @@ declare namespace MonkeyTypes {
     timestamp: number;
     difficulty: string;
     raw: number;
+    isPb: boolean;
   }
 
   interface AccChartData {