From 6698e4493b4da5abc1bcde703d22c6c84be66906 Mon Sep 17 00:00:00 2001
From: davidvader <davelvader@gmail.com>
Date: Thu, 2 Nov 2023 11:51:00 -0500
Subject: [PATCH] fix: move theme overrides to _themes.scss

---
 src/scss/_graph.scss  | 83 ------------------------------------------
 src/scss/_themes.scss | 85 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 85 insertions(+), 83 deletions(-)

diff --git a/src/scss/_graph.scss b/src/scss/_graph.scss
index 985cb48b6..d11bc686f 100644
--- a/src/scss/_graph.scss
+++ b/src/scss/_graph.scss
@@ -403,87 +403,4 @@
 
 // end: classes controlled by d3
 
-// start: theme overrides
-
-.theme-light .elm-build-graph-legend-node {
-  stroke: var(--color-coal-light);
-}
-
-.theme-light .d3-build-graph-edge-tip {
-  fill: var(--color-coal-light);
-  stroke: var(--color-coal-light);
-}
-
-.theme-light .d3-build-graph-node-outline-rect {
-  &.-pending {
-    stroke: var(--color-coal-light);
-  }
-
-  &.-running {
-    stroke: var(--color-yellow);
-  }
-
-  &.-success {
-    stroke: var(--color-green);
-  }
-
-  &.-failure,
-  &.-error {
-    stroke: var(--color-red);
-  }
-
-  &.-canceled {
-    stroke: var(--color-cyan-dark);
-  }
-
-  &.-killed,
-  &.-skipped {
-    stroke: var(--color-lavender);
-  }
-
-  &.-focus {
-    stroke: var(--color-primary);
-  }
-
-  &.-hover {
-    stroke: var(--color-primary);
-  }
-}
-
-.theme-light .d3-build-graph-edge-path {
-  &.-pending,
-  &.-success,
-  &.-failure,
-  &.-canceled,
-  &.-killed,
-  &.-skipped,
-  &.-error {
-    stroke: var(--color-coal-light);
-  }
-
-  &.-focus {
-    stroke: var(--color-primary);
-  }
-
-  &.-hover {
-    stroke: var(--color-primary);
-  }
-}
-
-// icon content
-.theme-light .d3-build-graph-node-a svg {
-  stroke: var(--color-offwhite);
-
-  &.-pending {
-    fill: var(--color-offwhite);
-  }
-
-  &.-killed,
-  &.-skipped {
-    fill: var(--color-offwhite);
-  }
-}
-
-// end: theme overrides
-
 /*! purgecss end ignore */
diff --git a/src/scss/_themes.scss b/src/scss/_themes.scss
index f301ff2f7..b64f4d5a2 100644
--- a/src/scss/_themes.scss
+++ b/src/scss/_themes.scss
@@ -165,3 +165,88 @@ body.theme-light {
     color: var(--color-red);
   }
 }
+
+// build graph
+
+/*! purgecss start ignore */
+
+.theme-light .elm-build-graph-legend-node {
+  stroke: var(--color-coal-light);
+}
+
+.theme-light .d3-build-graph-edge-tip {
+  fill: var(--color-coal-light);
+  stroke: var(--color-coal-light);
+}
+
+.theme-light .d3-build-graph-node-outline-rect {
+  &.-pending {
+    stroke: var(--color-coal-light);
+  }
+
+  &.-running {
+    stroke: var(--color-yellow);
+  }
+
+  &.-success {
+    stroke: var(--color-green);
+  }
+
+  &.-failure,
+  &.-error {
+    stroke: var(--color-red);
+  }
+
+  &.-canceled {
+    stroke: var(--color-cyan-dark);
+  }
+
+  &.-killed,
+  &.-skipped {
+    stroke: var(--color-lavender);
+  }
+
+  &.-focus {
+    stroke: var(--color-primary);
+  }
+
+  &.-hover {
+    stroke: var(--color-primary);
+  }
+}
+
+.theme-light .d3-build-graph-edge-path {
+  &.-pending,
+  &.-success,
+  &.-failure,
+  &.-canceled,
+  &.-killed,
+  &.-skipped,
+  &.-error {
+    stroke: var(--color-coal-light);
+  }
+
+  &.-focus {
+    stroke: var(--color-primary);
+  }
+
+  &.-hover {
+    stroke: var(--color-primary);
+  }
+}
+
+// icon content
+.theme-light .d3-build-graph-node-a svg {
+  stroke: var(--color-offwhite);
+
+  &.-pending {
+    fill: var(--color-offwhite);
+  }
+
+  &.-killed,
+  &.-skipped {
+    fill: var(--color-offwhite);
+  }
+}
+
+/*! purgecss end ignore */