diff --git a/static/lib.js b/static/lib.js
index 0b51d23..7ae17e0 100644
--- a/static/lib.js
+++ b/static/lib.js
@@ -431,7 +431,7 @@ export class GraphPlot extends HTMLElement {
         var layout = {
             displayModeBar: false,
             responsive: true,
-            plot_bgcolor: getCssVariableValue('--paper-background-color').trim(),
+            plot_bgcolor: getCssVariableValue('--plot-background-color').trim(),
             paper_bgcolor: getCssVariableValue('--paper-background-color').trim(),
             font: {
                 color: getCssVariableValue('--text-color').trim()
@@ -529,7 +529,7 @@ export class GraphPlot extends HTMLElement {
                     cells: {
                         align: "left",
                         values: [],
-                        fill: { color: layout.paper_bgcolor }
+                        fill: { color: layout.plot_bgcolor }
                     },
                 });
                 const dateColumn = [];
diff --git a/static/site.css b/static/site.css
index f8cf0c5..9127089 100644
--- a/static/site.css
+++ b/static/site.css
@@ -3,6 +3,7 @@
     --background-color: #FFFFFF; /* Light background */
     --text-color: #333333; /* Dark text for contrast */
     --paper-background-color: #F0F0F0;
+    --plot-background-color: #F0F0F0;
     --accent-color: #6200EE; /* For buttons and interactive elements */
 
     /* Graph colors */
@@ -27,6 +28,7 @@
         /* Solarized Dark Base Colors */
         --background-color: #002b36; /* base03 */
         --paper-background-color: #003c4a;
+        --plot-background-color: rgb(24, 34, 21);
         --text-color: #839496; /* base0 */
         --accent-color: #268bd2; /* blue */