Use Equinor colors for plots

Author: haralde

frontend/src/functions/Colors.ts

@@ -1,5 +1,24 @@
 import chroma from "chroma-js";
 
-export const getDistributedColor = (current: number, total: number) => {
-    return chroma.hsl((360 / total) * current, 0.6, 0.5).hex();
+export const EQUINOR_CHART_PALETTE: readonly string[] = [
+    "#007079", // Moss Green 100
+    "#FF1243", // Energy Red 100
+    "#243746", // Slate Blue 100
+    "#FFC67A", // Spruce Wood 100
+    "#7193AE", // Mist Blue 100
+    "#A8CED1", // Lichen Green 55
+    "#EB0037", // Equinor Red
+    "#3AADA8", // Moss Green 55
+    "#FF92A8", // Energy Red 55
+] as const;
+
+export const getDistributedColor = (current: number, total: number): string => {
+    if (total <= 0) return EQUINOR_CHART_PALETTE[0];
+
+    if (total <= EQUINOR_CHART_PALETTE.length) {
+        return EQUINOR_CHART_PALETTE[current % EQUINOR_CHART_PALETTE.length];
+    }
+
+    const scale = chroma.scale([...EQUINOR_CHART_PALETTE]).mode("lab");
+    return scale(current / Math.max(total - 1, 1)).hex();
 };