From e4635872fc6e306a010f6d9112935f42ec6489d5 Mon Sep 17 00:00:00 2001
From: Stephan de Wit <stephan.de.wit@deciso.com>
Date: Mon, 27 May 2024 15:00:38 +0200
Subject: [PATCH] dashboard: allow themes to set chart.js default colors

---
 src/opnsense/mvc/app/views/OPNsense/Core/dashboard.volt | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/opnsense/mvc/app/views/OPNsense/Core/dashboard.volt b/src/opnsense/mvc/app/views/OPNsense/Core/dashboard.volt
index 7537c791e..55c7f6ed4 100644
--- a/src/opnsense/mvc/app/views/OPNsense/Core/dashboard.volt
+++ b/src/opnsense/mvc/app/views/OPNsense/Core/dashboard.volt
@@ -42,6 +42,14 @@
 
 <script>
 $( document ).ready(function() {
+    let chartBackgroundColor = getComputedStyle(document.body).getPropertyValue('--chart-js-background-color').trim();
+    let chartBorderColor = getComputedStyle(document.body).getPropertyValue('--chart-js-border-color').trim();
+    let chartFontColor = getComputedStyle(document.body).getPropertyValue('--chart-js-font-color').trim();
+
+    if (chartBackgroundColor) Chart.defaults.backgroundColor = chartBackgroundColor;
+    if (chartBorderColor) Chart.defaults.borderColor = chartBorderColor;
+    if (chartFontColor) Chart.defaults.color = chartFontColor;
+
     let widgetManager = new WidgetManager({
         float: false,
         columnOpts: {