diff --git a/docs/colorScheme.js b/docs/colorScheme.js
index 9f52185..6f795fd 100644
--- a/docs/colorScheme.js
+++ b/docs/colorScheme.js
@@ -1,4 +1,6 @@
 const colorToggle = document.getElementById("colorToggle")
 colorToggle.addEventListener("change", () => {
-  document.body.classList.toggle("dark")
+  const darkModeEnabled = document.body.classList.toggle("dark");
+  Chart.defaults.global.defaultFontColor = darkModeEnabled ? "#484b6a" : "#F8F0E5";
+  // Chart.defaults.plugins.legend.labels.color = isDarkModeEnabled ? "#484b6a" : "#F8F0E5";
 })
\ No newline at end of file
diff --git a/docs/main.js b/docs/main.js
index 1e763a7..c1e0e7a 100644
--- a/docs/main.js
+++ b/docs/main.js
@@ -166,7 +166,6 @@ function createChart(gradeDist, courseName) {
         options: {
             legend: {
                 labels: {
-                    fontColor: "#F8F0E5",
                     fontSize: 15
                 }
             },