diff --git a/Resources/Private/Build/JavaScript/Backend/Diagram.js b/Resources/Private/Build/JavaScript/Backend/Diagram.js
index 31e2d619..ba634373 100644
--- a/Resources/Private/Build/JavaScript/Backend/Diagram.js
+++ b/Resources/Private/Build/JavaScript/Backend/Diagram.js
@@ -1,5 +1,20 @@
 import { Chart, registerables } from "@in2code/lux/vendor/chartjs.js";
 
+const setDefaultChartColor = () => {
+  const colorScheme = document.documentElement.getAttribute('data-color-scheme') || 'auto';
+  const prefersDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
+
+  if (colorScheme === 'light') {
+    Chart.defaults.color = '#1A1A1A';
+  } else if (colorScheme === 'dark' || (colorScheme === 'auto' && prefersDarkMode)) {
+    Chart.defaults.color = '#D9D9D9';
+  } else {
+    Chart.defaults.color = '#1A1A1A';
+  }
+};
+
+setDefaultChartColor();
+
 Chart.register(...registerables);
 
 /**
diff --git a/Resources/Public/JavaScript/Lux/Diagram.min.js b/Resources/Public/JavaScript/Lux/Diagram.min.js
index 75c432ce..ce09f247 100644
--- a/Resources/Public/JavaScript/Lux/Diagram.min.js
+++ b/Resources/Public/JavaScript/Lux/Diagram.min.js
@@ -1 +1 @@
-import{Chart,registerables}from"@in2code/lux/vendor/chartjs.js";Chart.register(...registerables);let LuxDiagram=function(){this.initialize=function(t){t=t||document,a(t)};var a=function(t){for(var a=t.querySelectorAll("[data-chart]"),e=0;e<a.length;e++){var r=a[e].getAttribute("data-chart");"doughnut"===r?b(a[e]):"bar"===r?i(a[e]):"bardouble"===r?l(a[e]):"line"===r&&g(a[e])}},b=function(t){new Chart(t.getContext("2d"),{type:"doughnut",data:{datasets:[{data:t.getAttribute("data-chart-data").split(","),backgroundColor:["rgba(2, 122, 202, 1)","rgba(242, 182, 2, 1)","rgba(209, 35, 53, 1)","rgba(73, 159, 104, 1)","rgba(18, 38, 58, 1)","rgba(242, 182, 2, 0.6)","rgba(209, 35, 53, 0.6)","rgba(73, 159, 104, 0.6)","rgba(242, 182, 2, 0.3)","rgba(209, 35, 53, 0.3)","rgba(73, 159, 104, 0.3)"]}],labels:t.getAttribute("data-chart-labels").split(",")},options:{legend:{display:!0,position:"right",labels:{fontSize:14}}}})},i=function(t){new Chart(t.getContext("2d"),{type:"bar",data:{datasets:[{label:t.getAttribute("data-chart-label")||"Leads",data:t.getAttribute("data-chart-data").split(","),backgroundColor:["rgba(2, 122, 202, 1)","rgba(221, 221, 221, 1)"]}],labels:t.getAttribute("data-chart-labels").split(",")},options:{legend:{display:!1,position:"right",labels:{fontSize:18}},scales:{y:{ticks:{beginAtZero:!0}}}}})},l=function(t){new Chart(t.getContext("2d"),{type:"bar",data:{datasets:[{label:t.getAttribute("data-chart-labelbottom"),data:t.getAttribute("data-chart-databottom").split(","),backgroundColor:["rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)"]},{label:t.getAttribute("data-chart-labeltop"),data:t.getAttribute("data-chart-datatop").split(","),backgroundColor:["rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)"]}],labels:t.getAttribute("data-chart-labels").split(",")},options:{legend:{display:!1,position:"right",labels:{fontSize:18}},scales:{x:{ticks:{beginAtZero:!0},stacked:!0},y:{ticks:{beginAtZero:!0},stacked:!0}}}})},g=function(t){for(var a=[{label:t.getAttribute("data-chart-label"),data:t.getAttribute("data-chart-data").split(","),borderColor:"rgba(2, 122, 202, 1)",lineTension:.5}],e=2;e<7;e++)t.hasAttribute("data-chart-data"+e)&&t.hasAttribute("data-chart-label"+e)&&a.push({label:t.getAttribute("data-chart-label"+e),data:t.getAttribute("data-chart-data"+e).split(","),borderColor:"#F2B602"});var r={ticks:{beginAtZero:!0}};t.hasAttribute("data-chart-max-y")&&0<t.hasAttribute("data-chart-max-y")&&(r={type:"logarithmic",ticks:{min:0,max:parseInt(t.getAttribute("data-chart-max-y")),callback:function(t,a,e){return-1!==[1,3,5,10,20,50,60,100,500,1e3,5e3,1e4,1e5,1e6].indexOf(t)?t:null}}}),new Chart(t.getContext("2d"),{type:"line",data:{datasets:a,labels:t.getAttribute("data-chart-labels").split(",")},options:{legend:{display:!1,position:"right",labels:{fontSize:18}},scales:{y:r}}})}};window.LuxDiagramObject=new LuxDiagram,window.LuxDiagramObject.initialize();
\ No newline at end of file
+import{Chart,registerables}from"@in2code/lux/vendor/chartjs.js";let setDefaultChartColor=()=>{var t=document.documentElement.getAttribute("data-color-scheme")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;Chart.defaults.color="light"!==t&&("dark"===t||"auto"===t&&a)?"#D9D9D9":"#1A1A1A"},LuxDiagram=(setDefaultChartColor(),Chart.register(...registerables),function(){this.initialize=function(t){t=t||document,a(t)};var a=function(t){for(var a=t.querySelectorAll("[data-chart]"),e=0;e<a.length;e++){var r=a[e].getAttribute("data-chart");"doughnut"===r?b(a[e]):"bar"===r?i(a[e]):"bardouble"===r?l(a[e]):"line"===r&&g(a[e])}},b=function(t){new Chart(t.getContext("2d"),{type:"doughnut",data:{datasets:[{data:t.getAttribute("data-chart-data").split(","),backgroundColor:["rgba(2, 122, 202, 1)","rgba(242, 182, 2, 1)","rgba(209, 35, 53, 1)","rgba(73, 159, 104, 1)","rgba(18, 38, 58, 1)","rgba(242, 182, 2, 0.6)","rgba(209, 35, 53, 0.6)","rgba(73, 159, 104, 0.6)","rgba(242, 182, 2, 0.3)","rgba(209, 35, 53, 0.3)","rgba(73, 159, 104, 0.3)"]}],labels:t.getAttribute("data-chart-labels").split(",")},options:{legend:{display:!0,position:"right",labels:{fontSize:14}}}})},i=function(t){new Chart(t.getContext("2d"),{type:"bar",data:{datasets:[{label:t.getAttribute("data-chart-label")||"Leads",data:t.getAttribute("data-chart-data").split(","),backgroundColor:["rgba(2, 122, 202, 1)","rgba(221, 221, 221, 1)"]}],labels:t.getAttribute("data-chart-labels").split(",")},options:{legend:{display:!1,position:"right",labels:{fontSize:18}},scales:{y:{ticks:{beginAtZero:!0}}}}})},l=function(t){new Chart(t.getContext("2d"),{type:"bar",data:{datasets:[{label:t.getAttribute("data-chart-labelbottom"),data:t.getAttribute("data-chart-databottom").split(","),backgroundColor:["rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)","rgba(2, 122, 202, 1)"]},{label:t.getAttribute("data-chart-labeltop"),data:t.getAttribute("data-chart-datatop").split(","),backgroundColor:["rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)","rgba(242, 182, 2, 1)"]}],labels:t.getAttribute("data-chart-labels").split(",")},options:{legend:{display:!1,position:"right",labels:{fontSize:18}},scales:{x:{ticks:{beginAtZero:!0},stacked:!0},y:{ticks:{beginAtZero:!0},stacked:!0}}}})},g=function(t){for(var a=[{label:t.getAttribute("data-chart-label"),data:t.getAttribute("data-chart-data").split(","),borderColor:"rgba(2, 122, 202, 1)",lineTension:.5}],e=2;e<7;e++)t.hasAttribute("data-chart-data"+e)&&t.hasAttribute("data-chart-label"+e)&&a.push({label:t.getAttribute("data-chart-label"+e),data:t.getAttribute("data-chart-data"+e).split(","),borderColor:"#F2B602"});var r={ticks:{beginAtZero:!0}};t.hasAttribute("data-chart-max-y")&&0<t.hasAttribute("data-chart-max-y")&&(r={type:"logarithmic",ticks:{min:0,max:parseInt(t.getAttribute("data-chart-max-y")),callback:function(t,a,e){return-1!==[1,3,5,10,20,50,60,100,500,1e3,5e3,1e4,1e5,1e6].indexOf(t)?t:null}}}),new Chart(t.getContext("2d"),{type:"line",data:{datasets:a,labels:t.getAttribute("data-chart-labels").split(",")},options:{legend:{display:!1,position:"right",labels:{fontSize:18}},scales:{y:r}}})}});window.LuxDiagramObject=new LuxDiagram,window.LuxDiagramObject.initialize();
\ No newline at end of file