diff --git a/ts/graphs/CumulativeOverlay.svelte b/ts/graphs/CumulativeOverlay.svelte
index 333b7b49d..acaad0ae9 100644
--- a/ts/graphs/CumulativeOverlay.svelte
+++ b/ts/graphs/CumulativeOverlay.svelte
@@ -3,6 +3,20 @@
     License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 -->
 <style lang="scss">
+    :global(:root) {
+        --area-fill: #000000;
+        --area-fill-opacity: 0.03;
+        --area-stroke: #000000;
+        --area-stroke-opacity: 0.08;
+    }
+
+    :global(:root[class*="night-mode"]) {
+        --area-fill: #ffffff;
+        --area-fill-opacity: 0.08;
+        --area-stroke: #000000;
+        --area-stroke-opacity: 0.18;
+    }
+
     .cumulative-overlay {
         pointer-events: none;
         fill: var(--area-fill);
diff --git a/ts/graphs/graphs_shared.scss b/ts/graphs/graphs_shared.scss
index c81a61966..7b4f0b108 100644
--- a/ts/graphs/graphs_shared.scss
+++ b/ts/graphs/graphs_shared.scss
@@ -3,20 +3,6 @@
 
 @use '../sass/core';
 
-:root {
-    --area-fill: #000000;
-    --area-fill-opacity: 0.03;
-    --area-stroke: #000000;
-    --area-stroke-opacity: 0.08;
-}
-
-:root[class*="night-mode"] {
-    --area-fill: #ffffff;
-    --area-fill-opacity: 0.08;
-    --area-stroke: #000000;
-    --area-stroke-opacity: 0.18;
-}
-
 * {
     overscroll-behavior: none;
 }