diff --git a/tdx-enhanced.js b/tdx-enhanced.js
index 54ae16f..f58d0bc 100644
--- a/tdx-enhanced.js
+++ b/tdx-enhanced.js
@@ -1,7 +1,7 @@
 // ==UserScript==
 // @name         tdx-enhanced
 // @namespace    ecn
-// @version      2024-05-03-03
+// @version      2024-05-03-04
 // @description  enhanced tdx coloring & formatting. follows system color scheme.
 // @author       Purdue STEM IT - it@purdue.edu
 // @match        https://service.purdue.edu/TDNext/*
@@ -954,6 +954,10 @@
             color: var(--dark-txt-2);
         }
 
+        .TDFooterRow {
+            background-color: var(--dark-bg-1);
+        }
+
         .nav1, .nav2, .nav3 {
             background-color: var(--dark-bg-2);
         }
@@ -979,6 +983,37 @@
             background-color: var(--dark-bg-4);
         }
 
+        /* Charts & Graphs */
+        path[fill="rgb(255, 255, 255)"] {
+            fill: var(--dark-bg-0);
+        }
+
+        path[stroke="rgba(0, 0, 0, 0.08)"] {
+            stroke: var(--dark-border-0);
+        }
+
+        text[fill="rgb(66, 66, 66)"] {
+            fill: var(--dark-txt-0);
+        }
+
+        path[fill="rgb(0, 96, 138)"] {
+            fill: var(--dark-col-1);
+        }
+
+        path[stroke="#004d6e"] {
+            stroke: var(--dark-col-2);
+        }
+
+        path[stroke="black"] {
+            stroke: var(--dark-col-2);
+        }
+
+        .k-tooltip {
+            background-color: var(--dark-col-2) !important;
+            color: var(--dark-txt-1);
+            border-color: var(--dark-border-0) !important;
+        }
+
         /* Borders */
         .ui-tabs .ui-tabs-nav li.ui-state-active {
             border-left: 1px solid var(--dark-border-0);