From 95ccfc1ed3b654e0664d2e7010b2312276763d3b Mon Sep 17 00:00:00 2001
From: Damien Elmes <gpg@ankiweb.net>
Date: Sun, 21 Mar 2021 20:18:05 +1000
Subject: [PATCH] move some cumulative-overlay-specific styling out of shared
 css

---
 ts/graphs/CumulativeOverlay.svelte | 14 ++++++++++++++
 ts/graphs/graphs_shared.scss       | 14 --------------
 2 files changed, 14 insertions(+), 14 deletions(-)

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;
 }