From 5718529d1e233b158e92a1ac7de44d2663196e56 Mon Sep 17 00:00:00 2001
From: Edgard Antonorsi <edg.ant@gmail.com>
Date: Wed, 30 Apr 2025 21:18:20 +0000
Subject: [PATCH] fix: color array support in charts

---
 src/unfold/static/unfold/js/app.js | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/unfold/static/unfold/js/app.js b/src/unfold/static/unfold/js/app.js
index 13e94f20..2133b3d1 100644
--- a/src/unfold/static/unfold/js/app.js
+++ b/src/unfold/static/unfold/js/app.js
@@ -289,12 +289,19 @@ const renderCharts = () => {
     for (const key in parsedData.datasets) {
       const dataset = parsedData.datasets[key];
       const processColor = (colorProp) => {
-        if (dataset?.[colorProp]?.startsWith("var(")) {
-          const cssVar = dataset[colorProp].match(/var\((.*?)\)/)[1];
-          const color = getComputedStyle(document.documentElement)
-            .getPropertyValue(cssVar)
-            .trim();
-          dataset[colorProp] = `rgb(${color})`;
+        if (dataset[colorProp]) {
+          const props = Array.isArray(dataset[colorProp])
+            ? dataset[colorProp]
+            : [dataset[colorProp]];
+          for (const prop of props) {
+            if (prop.startsWith("var(")) {
+              const cssVar = dataset[prop].match(/var\((.*?)\)/)[1];
+              const color = getComputedStyle(document.documentElement)
+                .getPropertyValue(cssVar)
+                .trim();
+              dataset[prop] = `rgb(${color})`;
+            }
+          }
         }
       };