diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css
index 7d70474139..ecbd451b9c 100644
--- a/docs/.vitepress/theme/custom.css
+++ b/docs/.vitepress/theme/custom.css
@@ -23,12 +23,8 @@
   color: var(--vp-c-text-2);
 }
 
-:root.dark marker[stroke="white"] {
-  stroke: var(--vp-c-bg);
-}
-
-:root.dark marker[fill="white"] {
-  fill: var(--vp-c-bg);
+.vp-doc .plot {
+  --plot-background: var(--vp-c-bg);
 }
 
 .vp-doc :not(pre) > code {
diff --git a/src/marker.js b/src/marker.js
index 237da2f88a..f41c8aa211 100644
--- a/src/marker.js
+++ b/src/marker.js
@@ -58,7 +58,7 @@ function markerCircleFill(color, context) {
     .attr("markerWidth", 6.67)
     .attr("markerHeight", 6.67)
     .attr("fill", color)
-    .attr("stroke", "white")
+    .attr("stroke", "var(--plot-background)")
     .attr("stroke-width", 1.5)
     .call((marker) => marker.append("circle").attr("r", 3))
     .node();
@@ -69,7 +69,7 @@ function markerCircleStroke(color, context) {
     .attr("viewBox", "-5 -5 10 10")
     .attr("markerWidth", 6.67)
     .attr("markerHeight", 6.67)
-    .attr("fill", "white")
+    .attr("fill", "var(--plot-background)")
     .attr("stroke", color)
     .attr("stroke-width", 1.5)
     .call((marker) => marker.append("circle").attr("r", 3))
diff --git a/src/marks/tree.js b/src/marks/tree.js
index bed674b4af..e4a52e509d 100644
--- a/src/marks/tree.js
+++ b/src/marks/tree.js
@@ -22,7 +22,7 @@ export function tree(data, options = {}) {
     markerEnd = marker,
     dot: dotDot = isNoneish(markerStart) && isNoneish(markerEnd),
     text: textText = "node:name",
-    textStroke = "white",
+    textStroke = "var(--plot-background)",
     title = "node:path",
     dx,
     dy,
diff --git a/src/plot.js b/src/plot.js
index dfc8580fe4..e961c9fb40 100644
--- a/src/plot.js
+++ b/src/plot.js
@@ -219,6 +219,7 @@ export function plot(options = {}) {
       // Warning: if you edit this, change defaultClassName.
       svg.append("style").text(
         `.${className} {
+  --plot-background: white;
   display: block;
   height: auto;
   height: intrinsic;
diff --git a/test/output/aaplBollinger.svg b/test/output/aaplBollinger.svg
index ebe36d4c9c..678f30e8ce 100644
--- a/test/output/aaplBollinger.svg
+++ b/test/output/aaplBollinger.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/aaplBollingerGridInterval.svg b/test/output/aaplBollingerGridInterval.svg
index e91ce22017..2f89e289b4 100644
--- a/test/output/aaplBollingerGridInterval.svg
+++ b/test/output/aaplBollingerGridInterval.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/aaplBollingerGridSpacing.svg b/test/output/aaplBollingerGridSpacing.svg
index e91ce22017..2f89e289b4 100644
--- a/test/output/aaplBollingerGridSpacing.svg
+++ b/test/output/aaplBollingerGridSpacing.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/aaplCandlestick.svg b/test/output/aaplCandlestick.svg
index 8d712c80b2..b3bc661813 100644
--- a/test/output/aaplCandlestick.svg
+++ b/test/output/aaplCandlestick.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="400" viewBox="0 0 960 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/aaplChangeVolume.svg b/test/output/aaplChangeVolume.svg
index de9c8b29f8..aaaaf1c575 100644
--- a/test/output/aaplChangeVolume.svg
+++ b/test/output/aaplChangeVolume.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/aaplClose.svg b/test/output/aaplClose.svg
index f9c9edd7f5..3375f159c0 100644
--- a/test/output/aaplClose.svg
+++ b/test/output/aaplClose.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/aaplCloseDataTicks.svg b/test/output/aaplCloseDataTicks.svg
index 89b6bba3a7..1b9b9b1e84 100644
--- a/test/output/aaplCloseDataTicks.svg
+++ b/test/output/aaplCloseDataTicks.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/aaplCloseGridColor.svg b/test/output/aaplCloseGridColor.svg
index 8c0fca343e..6f20c438f0 100644
--- a/test/output/aaplCloseGridColor.svg
+++ b/test/output/aaplCloseGridColor.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/aaplCloseGridInterval.svg b/test/output/aaplCloseGridInterval.svg
index 1799adbb99..0a36e3f467 100644
--- a/test/output/aaplCloseGridInterval.svg
+++ b/test/output/aaplCloseGridInterval.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/aaplCloseGridIntervalName.svg b/test/output/aaplCloseGridIntervalName.svg
index d7e2382e61..d8854e280f 100644
--- a/test/output/aaplCloseGridIntervalName.svg
+++ b/test/output/aaplCloseGridIntervalName.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/aaplCloseGridIterable.svg b/test/output/aaplCloseGridIterable.svg
index 2744feb472..26670ede20 100644
--- a/test/output/aaplCloseGridIterable.svg
+++ b/test/output/aaplCloseGridIterable.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/aaplCloseImplicitGrid.svg b/test/output/aaplCloseImplicitGrid.svg
index d0a712a889..4c0029f7b0 100644
--- a/test/output/aaplCloseImplicitGrid.svg
+++ b/test/output/aaplCloseImplicitGrid.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/aaplCloseUntyped.svg b/test/output/aaplCloseUntyped.svg
index 3eb07a27d8..0cfadd4a40 100644
--- a/test/output/aaplCloseUntyped.svg
+++ b/test/output/aaplCloseUntyped.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/aaplFancyAxis.svg b/test/output/aaplFancyAxis.svg
index 7ec08ac908..9a58263c20 100644
--- a/test/output/aaplFancyAxis.svg
+++ b/test/output/aaplFancyAxis.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/aaplMonthly.svg b/test/output/aaplMonthly.svg
index c2dffc2bdb..f804860180 100644
--- a/test/output/aaplMonthly.svg
+++ b/test/output/aaplMonthly.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/aaplVolume.svg b/test/output/aaplVolume.svg
index c0a739fb07..b71625bf2d 100644
--- a/test/output/aaplVolume.svg
+++ b/test/output/aaplVolume.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/aaplVolumeRect.svg b/test/output/aaplVolumeRect.svg
index 8d6b02c29a..d82ea31de9 100644
--- a/test/output/aaplVolumeRect.svg
+++ b/test/output/aaplVolumeRect.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/anscombeQuartet.svg b/test/output/anscombeQuartet.svg
index b11639c0c9..05f4a330bb 100644
--- a/test/output/anscombeQuartet.svg
+++ b/test/output/anscombeQuartet.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="240" viewBox="0 0 960 240" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/armadillo.svg b/test/output/armadillo.svg
index a4663fcd2f..4494308000 100644
--- a/test/output/armadillo.svg
+++ b/test/output/armadillo.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="548" viewBox="0 0 960 548" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/aspectRatioBand.svg b/test/output/aspectRatioBand.svg
index 21845d9d11..1c3da8ea06 100644
--- a/test/output/aspectRatioBand.svg
+++ b/test/output/aspectRatioBand.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="630" viewBox="0 0 640 630" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/aspectRatioLinear.svg b/test/output/aspectRatioLinear.svg
index 5aa2e1a372..eed18dc3b1 100644
--- a/test/output/aspectRatioLinear.svg
+++ b/test/output/aspectRatioLinear.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="630" viewBox="0 0 640 630" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/aspectRatioLog.svg b/test/output/aspectRatioLog.svg
index ed8414ac40..eae1ef1a77 100644
--- a/test/output/aspectRatioLog.svg
+++ b/test/output/aspectRatioLog.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="630" viewBox="0 0 640 630" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/aspectRatioPoint.svg b/test/output/aspectRatioPoint.svg
index 1ef60ab599..736d0fcedb 100644
--- a/test/output/aspectRatioPoint.svg
+++ b/test/output/aspectRatioPoint.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="630" viewBox="0 0 640 630" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/aspectRatioSqrt.svg b/test/output/aspectRatioSqrt.svg
index 07390332cc..4491cf8808 100644
--- a/test/output/aspectRatioSqrt.svg
+++ b/test/output/aspectRatioSqrt.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="297.273303427918" viewBox="0 0 640 297.273303427918" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/athletesBinsColors.svg b/test/output/athletesBinsColors.svg
index e3d9120c53..92f0ed39b2 100644
--- a/test/output/athletesBinsColors.svg
+++ b/test/output/athletesBinsColors.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/athletesBirthdays.svg b/test/output/athletesBirthdays.svg
index 50eceabf2f..9ee4a453fa 100644
--- a/test/output/athletesBirthdays.svg
+++ b/test/output/athletesBirthdays.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="300" viewBox="0 0 640 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/athletesBoxingHeight.svg b/test/output/athletesBoxingHeight.svg
index 8b24106124..c7beca0514 100644
--- a/test/output/athletesBoxingHeight.svg
+++ b/test/output/athletesBoxingHeight.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="600" height="350" viewBox="0 0 600 350" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/athletesHeightWeight.svg b/test/output/athletesHeightWeight.svg
index abcf32aa86..f27250d7c1 100644
--- a/test/output/athletesHeightWeight.svg
+++ b/test/output/athletesHeightWeight.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/athletesHeightWeightBin.svg b/test/output/athletesHeightWeightBin.svg
index 6089daece8..bdda5781ad 100644
--- a/test/output/athletesHeightWeightBin.svg
+++ b/test/output/athletesHeightWeightBin.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/athletesHeightWeightBinStroke.svg b/test/output/athletesHeightWeightBinStroke.svg
index b67e3f1712..160471a747 100644
--- a/test/output/athletesHeightWeightBinStroke.svg
+++ b/test/output/athletesHeightWeightBinStroke.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/athletesHeightWeightSex.svg b/test/output/athletesHeightWeightSex.svg
index be8f9400be..4c646fdb00 100644
--- a/test/output/athletesHeightWeightSex.svg
+++ b/test/output/athletesHeightWeightSex.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/athletesHeightWeightSport.svg b/test/output/athletesHeightWeightSport.svg
index 1598c5653a..7c6a96fe56 100644
--- a/test/output/athletesHeightWeightSport.svg
+++ b/test/output/athletesHeightWeightSport.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/athletesNationality.svg b/test/output/athletesNationality.svg
index 5073ff09f4..86e5b911b0 100644
--- a/test/output/athletesNationality.svg
+++ b/test/output/athletesNationality.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="460" viewBox="0 0 640 460" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/athletesSample.svg b/test/output/athletesSample.svg
index 0c85fe238e..26cfd02551 100644
--- a/test/output/athletesSample.svg
+++ b/test/output/athletesSample.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="620" viewBox="0 0 640 620" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/athletesSampleFacet.svg b/test/output/athletesSampleFacet.svg
index 83e67e90d6..ce68ff2d7a 100644
--- a/test/output/athletesSampleFacet.svg
+++ b/test/output/athletesSampleFacet.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="620" viewBox="0 0 640 620" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/athletesSexWeight.svg b/test/output/athletesSexWeight.svg
index c38441cbd6..1c111bde14 100644
--- a/test/output/athletesSexWeight.svg
+++ b/test/output/athletesSexWeight.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/athletesSortFacet.svg b/test/output/athletesSortFacet.svg
index c22cb29cdf..cdee2f76be 100644
--- a/test/output/athletesSortFacet.svg
+++ b/test/output/athletesSortFacet.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="620" viewBox="0 0 640 620" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/athletesSortNationality.html b/test/output/athletesSortNationality.html
index 2b57db191b..af3a42e47d 100644
--- a/test/output/athletesSortNationality.html
+++ b/test/output/athletesSortNationality.html
@@ -48,6 +48,7 @@
   </div><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/athletesSortNullLimit.html b/test/output/athletesSortNullLimit.html
index 108cbac7f5..6e85e7b5ab 100644
--- a/test/output/athletesSortNullLimit.html
+++ b/test/output/athletesSortNullLimit.html
@@ -48,6 +48,7 @@
   </div><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/athletesSortWeightLimit.svg b/test/output/athletesSortWeightLimit.svg
index 7e2935adf5..2cc20e4eb8 100644
--- a/test/output/athletesSortWeightLimit.svg
+++ b/test/output/athletesSortWeightLimit.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="260" viewBox="0 0 640 260" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/athletesSportSex.svg b/test/output/athletesSportSex.svg
index 1c512ad8ad..a4747c9e9a 100644
--- a/test/output/athletesSportSex.svg
+++ b/test/output/athletesSportSex.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="620" viewBox="0 0 640 620" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/athletesSportWeight.svg b/test/output/athletesSportWeight.svg
index 408f50b19c..0a532a1c88 100644
--- a/test/output/athletesSportWeight.svg
+++ b/test/output/athletesSportWeight.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="620" viewBox="0 0 640 620" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/athletesWeight.svg b/test/output/athletesWeight.svg
index bb7c61fc53..0da2e3a51f 100644
--- a/test/output/athletesWeight.svg
+++ b/test/output/athletesWeight.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/athletesWeightCumulative.svg b/test/output/athletesWeightCumulative.svg
index 817bc24c9a..dc1f2673de 100644
--- a/test/output/athletesWeightCumulative.svg
+++ b/test/output/athletesWeightCumulative.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoArea.svg b/test/output/autoArea.svg
index 90b484c0dc..bc16abfc7a 100644
--- a/test/output/autoArea.svg
+++ b/test/output/autoArea.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoAreaColor.svg b/test/output/autoAreaColor.svg
index 64484dcbd8..6ea256e1c6 100644
--- a/test/output/autoAreaColor.svg
+++ b/test/output/autoAreaColor.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoAreaColorColor.svg b/test/output/autoAreaColorColor.svg
index 56ae597dac..07152f89f5 100644
--- a/test/output/autoAreaColorColor.svg
+++ b/test/output/autoAreaColorColor.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoAreaColorName.svg b/test/output/autoAreaColorName.svg
index 56ae597dac..07152f89f5 100644
--- a/test/output/autoAreaColorName.svg
+++ b/test/output/autoAreaColorName.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoAreaColorValue.svg b/test/output/autoAreaColorValue.svg
index 64484dcbd8..6ea256e1c6 100644
--- a/test/output/autoAreaColorValue.svg
+++ b/test/output/autoAreaColorValue.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoAreaStackColor.svg b/test/output/autoAreaStackColor.svg
index f8287f998d..1bd229bae4 100644
--- a/test/output/autoAreaStackColor.svg
+++ b/test/output/autoAreaStackColor.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoAutoHistogram.svg b/test/output/autoAutoHistogram.svg
index deab34bbd7..4926d46d13 100644
--- a/test/output/autoAutoHistogram.svg
+++ b/test/output/autoAutoHistogram.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoBar.svg b/test/output/autoBar.svg
index e173021318..7e82e3f521 100644
--- a/test/output/autoBar.svg
+++ b/test/output/autoBar.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="580" viewBox="0 0 640 580" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoBarColorReducer.svg b/test/output/autoBarColorReducer.svg
index 684fc2e2a5..2a614b5c03 100644
--- a/test/output/autoBarColorReducer.svg
+++ b/test/output/autoBarColorReducer.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="120" viewBox="0 0 640 120" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoBarMode.svg b/test/output/autoBarMode.svg
index c83dd8d78e..40bd0852fd 100644
--- a/test/output/autoBarMode.svg
+++ b/test/output/autoBarMode.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="120" viewBox="0 0 640 120" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoBarNonZeroReducer.svg b/test/output/autoBarNonZeroReducer.svg
index d8271f0612..7a7d2b2eae 100644
--- a/test/output/autoBarNonZeroReducer.svg
+++ b/test/output/autoBarNonZeroReducer.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoBarStackColor.svg b/test/output/autoBarStackColor.svg
index c7e6179938..af6397a4cd 100644
--- a/test/output/autoBarStackColor.svg
+++ b/test/output/autoBarStackColor.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="120" viewBox="0 0 640 120" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoBarStackColorConstant.svg b/test/output/autoBarStackColorConstant.svg
index dbd997f8e3..4b6fe331da 100644
--- a/test/output/autoBarStackColorConstant.svg
+++ b/test/output/autoBarStackColorConstant.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoBarStackColorField.svg b/test/output/autoBarStackColorField.svg
index 8888a05968..1702f1f207 100644
--- a/test/output/autoBarStackColorField.svg
+++ b/test/output/autoBarStackColorField.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoChannels.svg b/test/output/autoChannels.svg
index d4cc37f88c..f890f82ebd 100644
--- a/test/output/autoChannels.svg
+++ b/test/output/autoChannels.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="620" viewBox="0 0 640 620" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoConnectedScatterplot.svg b/test/output/autoConnectedScatterplot.svg
index a7fddccf71..0e4b4a28de 100644
--- a/test/output/autoConnectedScatterplot.svg
+++ b/test/output/autoConnectedScatterplot.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoDot.svg b/test/output/autoDot.svg
index 279d2206d1..b458839dd2 100644
--- a/test/output/autoDot.svg
+++ b/test/output/autoDot.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoDotBin.svg b/test/output/autoDotBin.svg
index 571860fad4..60bcb85fba 100644
--- a/test/output/autoDotBin.svg
+++ b/test/output/autoDotBin.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoDotColor.svg b/test/output/autoDotColor.svg
index 0295bdd981..291f7705ff 100644
--- a/test/output/autoDotColor.svg
+++ b/test/output/autoDotColor.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoDotFacet.svg b/test/output/autoDotFacet.svg
index 0480fc7172..49f696056a 100644
--- a/test/output/autoDotFacet.svg
+++ b/test/output/autoDotFacet.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="430" viewBox="0 0 640 430" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoDotFacet2.svg b/test/output/autoDotFacet2.svg
index 1016d44064..15c11b6cfe 100644
--- a/test/output/autoDotFacet2.svg
+++ b/test/output/autoDotFacet2.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="510" viewBox="0 0 640 510" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoDotGroup.svg b/test/output/autoDotGroup.svg
index 6b0875f591..b5711d8158 100644
--- a/test/output/autoDotGroup.svg
+++ b/test/output/autoDotGroup.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="120" viewBox="0 0 640 120" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoDotOrdCont.svg b/test/output/autoDotOrdCont.svg
index 0ad7cd2c11..3a1d69c40f 100644
--- a/test/output/autoDotOrdCont.svg
+++ b/test/output/autoDotOrdCont.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="120" viewBox="0 0 640 120" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoDotOrdinal.svg b/test/output/autoDotOrdinal.svg
index 0568dc4b75..41192919bf 100644
--- a/test/output/autoDotOrdinal.svg
+++ b/test/output/autoDotOrdinal.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="1260" viewBox="0 0 640 1260" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoDotSize.svg b/test/output/autoDotSize.svg
index 394a68fa93..b2d4306d9d 100644
--- a/test/output/autoDotSize.svg
+++ b/test/output/autoDotSize.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoDotSize2.svg b/test/output/autoDotSize2.svg
index 707e3d197f..77efae594c 100644
--- a/test/output/autoDotSize2.svg
+++ b/test/output/autoDotSize2.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoDotUnsortedDate.svg b/test/output/autoDotUnsortedDate.svg
index b9477a9e50..deb536fff6 100644
--- a/test/output/autoDotUnsortedDate.svg
+++ b/test/output/autoDotUnsortedDate.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoDotZero.svg b/test/output/autoDotZero.svg
index 25a4116e5b..3d0b9e8a13 100644
--- a/test/output/autoDotZero.svg
+++ b/test/output/autoDotZero.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="580" viewBox="0 0 640 580" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoHeatmap.svg b/test/output/autoHeatmap.svg
index 4b97932327..ce4548d6fe 100644
--- a/test/output/autoHeatmap.svg
+++ b/test/output/autoHeatmap.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoHeatmapOrdCont.svg b/test/output/autoHeatmapOrdCont.svg
index da81359958..3dfbbe9e60 100644
--- a/test/output/autoHeatmapOrdCont.svg
+++ b/test/output/autoHeatmapOrdCont.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="120" viewBox="0 0 640 120" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoHeatmapOrdinal.svg b/test/output/autoHeatmapOrdinal.svg
index 34b0fc95e3..e452c09815 100644
--- a/test/output/autoHeatmapOrdinal.svg
+++ b/test/output/autoHeatmapOrdinal.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="120" viewBox="0 0 640 120" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoHistogram.svg b/test/output/autoHistogram.svg
index 46f8b19d87..17b9f23503 100644
--- a/test/output/autoHistogram.svg
+++ b/test/output/autoHistogram.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoHistogramDate.svg b/test/output/autoHistogramDate.svg
index d7afde1c3d..fc238560ed 100644
--- a/test/output/autoHistogramDate.svg
+++ b/test/output/autoHistogramDate.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoHistogramGroup.svg b/test/output/autoHistogramGroup.svg
index 579919b5a2..11422d25d5 100644
--- a/test/output/autoHistogramGroup.svg
+++ b/test/output/autoHistogramGroup.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoLine.svg b/test/output/autoLine.svg
index 1d1667747b..a149057e86 100644
--- a/test/output/autoLine.svg
+++ b/test/output/autoLine.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoLineColor.svg b/test/output/autoLineColor.svg
index 577ef87970..65e2210340 100644
--- a/test/output/autoLineColor.svg
+++ b/test/output/autoLineColor.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoLineColorSeries.svg b/test/output/autoLineColorSeries.svg
index 90dd684995..d0b5da7887 100644
--- a/test/output/autoLineColorSeries.svg
+++ b/test/output/autoLineColorSeries.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoLineFacet.svg b/test/output/autoLineFacet.svg
index 13da3a497f..5b094c2e8e 100644
--- a/test/output/autoLineFacet.svg
+++ b/test/output/autoLineFacet.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="1260" viewBox="0 0 640 1260" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoLineHistogram.svg b/test/output/autoLineHistogram.svg
index b8b5049567..8c0b4051bc 100644
--- a/test/output/autoLineHistogram.svg
+++ b/test/output/autoLineHistogram.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoLineMean.svg b/test/output/autoLineMean.svg
index 517956a9f9..7692772c5b 100644
--- a/test/output/autoLineMean.svg
+++ b/test/output/autoLineMean.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoLineMeanColor.svg b/test/output/autoLineMeanColor.svg
index 698abeaab2..6c5128653a 100644
--- a/test/output/autoLineMeanColor.svg
+++ b/test/output/autoLineMeanColor.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoLineMeanThresholds.svg b/test/output/autoLineMeanThresholds.svg
index 9a5a07816e..bbf9f5ebb9 100644
--- a/test/output/autoLineMeanThresholds.svg
+++ b/test/output/autoLineMeanThresholds.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoLineMeanZero.svg b/test/output/autoLineMeanZero.svg
index 8ef10883bd..72075abcd9 100644
--- a/test/output/autoLineMeanZero.svg
+++ b/test/output/autoLineMeanZero.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoLineZero.svg b/test/output/autoLineZero.svg
index a0d28cf07d..8ab23cec22 100644
--- a/test/output/autoLineZero.svg
+++ b/test/output/autoLineZero.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoNullReduceContinuous.svg b/test/output/autoNullReduceContinuous.svg
index c3182d878e..8dce4ba5d7 100644
--- a/test/output/autoNullReduceContinuous.svg
+++ b/test/output/autoNullReduceContinuous.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoNullReduceDate.svg b/test/output/autoNullReduceDate.svg
index 4be0231e59..c95d6fe19c 100644
--- a/test/output/autoNullReduceDate.svg
+++ b/test/output/autoNullReduceDate.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoNullReduceOrdinal.svg b/test/output/autoNullReduceOrdinal.svg
index 2562caf295..709d3549f9 100644
--- a/test/output/autoNullReduceOrdinal.svg
+++ b/test/output/autoNullReduceOrdinal.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoRectColorReducer.svg b/test/output/autoRectColorReducer.svg
index 9ed3ef6de4..975fc50dda 100644
--- a/test/output/autoRectColorReducer.svg
+++ b/test/output/autoRectColorReducer.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoRectStackColor.svg b/test/output/autoRectStackColor.svg
index d21c9bb1c6..eb9f9d95a7 100644
--- a/test/output/autoRectStackColor.svg
+++ b/test/output/autoRectStackColor.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/autoRuleZero.svg b/test/output/autoRuleZero.svg
index a4a5a62c14..81b0317ef3 100644
--- a/test/output/autoRuleZero.svg
+++ b/test/output/autoRuleZero.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/availability.svg b/test/output/availability.svg
index 51f0b190ef..495d496bb4 100644
--- a/test/output/availability.svg
+++ b/test/output/availability.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="180" viewBox="0 0 640 180" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/axisLabelBoth.svg b/test/output/axisLabelBoth.svg
index e01908605f..7e4dd6353c 100644
--- a/test/output/axisLabelBoth.svg
+++ b/test/output/axisLabelBoth.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/axisLabelBothReverse.svg b/test/output/axisLabelBothReverse.svg
index d35e7f6d30..70ebffce67 100644
--- a/test/output/axisLabelBothReverse.svg
+++ b/test/output/axisLabelBothReverse.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/axisLabelHref.svg b/test/output/axisLabelHref.svg
index c1829e11b5..730909b401 100644
--- a/test/output/axisLabelHref.svg
+++ b/test/output/axisLabelHref.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/axisLabelVaryingFill.svg b/test/output/axisLabelVaryingFill.svg
index bceda022ee..a542e6d503 100644
--- a/test/output/axisLabelVaryingFill.svg
+++ b/test/output/axisLabelVaryingFill.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/axisLabelX.svg b/test/output/axisLabelX.svg
index 77ad0deb7d..4ce480a09b 100644
--- a/test/output/axisLabelX.svg
+++ b/test/output/axisLabelX.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/axisLabelY.svg b/test/output/axisLabelY.svg
index 8f68a4019a..7c7e482e38 100644
--- a/test/output/axisLabelY.svg
+++ b/test/output/axisLabelY.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/ballotStatusRace.svg b/test/output/ballotStatusRace.svg
index 7783b26aed..9228c6c5c0 100644
--- a/test/output/ballotStatusRace.svg
+++ b/test/output/ballotStatusRace.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="540" viewBox="0 0 640 540" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/bandClip.svg b/test/output/bandClip.svg
index 1b5854daef..aea21d70fd 100644
--- a/test/output/bandClip.svg
+++ b/test/output/bandClip.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="120" viewBox="0 0 640 120" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/bandClip2.svg b/test/output/bandClip2.svg
index f956baeb8f..bb0c662cd2 100644
--- a/test/output/bandClip2.svg
+++ b/test/output/bandClip2.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/beagle.svg b/test/output/beagle.svg
index d73874d9c6..9990c09f3d 100644
--- a/test/output/beagle.svg
+++ b/test/output/beagle.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="480" viewBox="0 0 960 480" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/beckerBarley.svg b/test/output/beckerBarley.svg
index 09fe91f887..78c3cde75e 100644
--- a/test/output/beckerBarley.svg
+++ b/test/output/beckerBarley.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="800" viewBox="0 0 640 800" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/bigint1.svg b/test/output/bigint1.svg
index 2296b6bcf2..d34d4ad05b 100644
--- a/test/output/bigint1.svg
+++ b/test/output/bigint1.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/bigint2.svg b/test/output/bigint2.svg
index 3ec5520f43..fb1e5a026a 100644
--- a/test/output/bigint2.svg
+++ b/test/output/bigint2.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
@@ -59,7 +60,7 @@
     <text transform="translate(620,370)">big1 →</text>
   </g>
   <g aria-label="line" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round" transform="translate(0.5,0.5)">
-    <marker viewBox="-5 -5 10 10" markerWidth="6.67" markerHeight="6.67" fill="currentColor" stroke="white" stroke-width="1.5" id="plot-marker-1">
+    <marker viewBox="-5 -5 10 10" markerWidth="6.67" markerHeight="6.67" fill="currentColor" stroke="var(--plot-background)" stroke-width="1.5" id="plot-marker-1">
       <circle r="3"></circle>
     </marker>
     <path marker-start="url(#plot-marker-1)" marker-mid="url(#plot-marker-1)" marker-end="url(#plot-marker-1)" d="M40,370L54.872,369.77L69.744,369.08L84.615,367.929L99.487,366.318L114.359,364.247L129.231,361.716L144.103,358.725L158.974,355.273L173.846,351.361L188.718,346.989L203.59,342.156L218.462,336.864L233.333,331.111L248.205,324.898L263.077,318.225L277.949,311.091L292.821,303.498L307.692,295.444L322.564,286.93L337.436,277.955L352.308,268.521L367.179,258.626L382.051,248.271L396.923,237.456L411.795,226.18L426.667,214.444L441.538,202.249L456.41,189.592L471.282,176.476L486.154,162.899L501.026,148.863L515.897,134.366L530.769,119.408L545.641,103.991L560.513,88.113L575.385,71.775L590.256,54.977L605.128,37.719L620,20"></path>
diff --git a/test/output/bigintLog.svg b/test/output/bigintLog.svg
index a6b2558813..dab48344d3 100644
--- a/test/output/bigintLog.svg
+++ b/test/output/bigintLog.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/bigintOrdinal.html b/test/output/bigintOrdinal.html
index 61097d5bde..acca086544 100644
--- a/test/output/bigintOrdinal.html
+++ b/test/output/bigintOrdinal.html
@@ -59,6 +59,7 @@
   </svg><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/bigintStack.svg b/test/output/bigintStack.svg
index 136176c4b2..c0842e7f81 100644
--- a/test/output/bigintStack.svg
+++ b/test/output/bigintStack.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/bin1m.svg b/test/output/bin1m.svg
index 8fed5f9fa7..47a9f12da5 100644
--- a/test/output/bin1m.svg
+++ b/test/output/bin1m.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/binStrings.svg b/test/output/binStrings.svg
index 125f3213c0..8df70b5cff 100644
--- a/test/output/binStrings.svg
+++ b/test/output/binStrings.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/binTimestamps.svg b/test/output/binTimestamps.svg
index b2b9b09c86..e2fd701fbe 100644
--- a/test/output/binTimestamps.svg
+++ b/test/output/binTimestamps.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/boundingBoxes.svg b/test/output/boundingBoxes.svg
index 9363870d7b..f718ca29f8 100644
--- a/test/output/boundingBoxes.svg
+++ b/test/output/boundingBoxes.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="600" height="600" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/boxplot.svg b/test/output/boxplot.svg
index 2ba97b0c98..cf1a1720bb 100644
--- a/test/output/boxplot.svg
+++ b/test/output/boxplot.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/boxplotFacetInterval.svg b/test/output/boxplotFacetInterval.svg
index ad9b7fee16..b93544fa68 100644
--- a/test/output/boxplotFacetInterval.svg
+++ b/test/output/boxplotFacetInterval.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="280" viewBox="0 0 640 280" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/boxplotFacetNegativeInterval.svg b/test/output/boxplotFacetNegativeInterval.svg
index ad9b7fee16..b93544fa68 100644
--- a/test/output/boxplotFacetNegativeInterval.svg
+++ b/test/output/boxplotFacetNegativeInterval.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="280" viewBox="0 0 640 280" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/caltrain.html b/test/output/caltrain.html
index a91270594f..0c364a868a 100644
--- a/test/output/caltrain.html
+++ b/test/output/caltrain.html
@@ -34,6 +34,7 @@
   </div><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="240" height="520" viewBox="0 0 240 520" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/caltrainDirection.svg b/test/output/caltrainDirection.svg
index 6a99e93ff8..b6633dbd44 100644
--- a/test/output/caltrainDirection.svg
+++ b/test/output/caltrainDirection.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="120" viewBox="0 0 640 120" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/carsDodge.svg b/test/output/carsDodge.svg
index d21898ee9f..00bac60772 100644
--- a/test/output/carsDodge.svg
+++ b/test/output/carsDodge.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="200" viewBox="0 0 640 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/carsHexbin.html b/test/output/carsHexbin.html
index ef0ef28928..272dc0c4c6 100644
--- a/test/output/carsHexbin.html
+++ b/test/output/carsHexbin.html
@@ -35,6 +35,7 @@
   </svg><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/carsJitter.html b/test/output/carsJitter.html
index d3b1a28e3d..453653f5a8 100644
--- a/test/output/carsJitter.html
+++ b/test/output/carsJitter.html
@@ -35,6 +35,7 @@
   </svg><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="350" viewBox="0 0 640 350" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/carsMpg.svg b/test/output/carsMpg.svg
index af3dda5adb..4cee5d1739 100644
--- a/test/output/carsMpg.svg
+++ b/test/output/carsMpg.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/carsParcoords.svg b/test/output/carsParcoords.svg
index 7c76cbb217..b73296c73c 100644
--- a/test/output/carsParcoords.svg
+++ b/test/output/carsParcoords.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="200" viewBox="0 0 640 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/clamp.svg b/test/output/clamp.svg
index 16fd5012b4..94fee92eb8 100644
--- a/test/output/clamp.svg
+++ b/test/output/clamp.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/collapsedHistogram.svg b/test/output/collapsedHistogram.svg
index 5191d79f4c..32f3d54dde 100644
--- a/test/output/collapsedHistogram.svg
+++ b/test/output/collapsedHistogram.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/contourCa55.svg b/test/output/contourCa55.svg
index 448ca18c9a..130d350e01 100644
--- a/test/output/contourCa55.svg
+++ b/test/output/contourCa55.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="484" viewBox="0 0 640 484" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/contourVapor.svg b/test/output/contourVapor.svg
index 2ba300b6f8..9863d771fe 100644
--- a/test/output/contourVapor.svg
+++ b/test/output/contourVapor.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="468" viewBox="0 0 960 468" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/countryCentroids.svg b/test/output/countryCentroids.svg
index 750ea679cc..9c86afdd3f 100644
--- a/test/output/countryCentroids.svg
+++ b/test/output/countryCentroids.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/covidIhmeProjectedDeaths.svg b/test/output/covidIhmeProjectedDeaths.svg
index 14a31b0351..d113a93d51 100644
--- a/test/output/covidIhmeProjectedDeaths.svg
+++ b/test/output/covidIhmeProjectedDeaths.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="600" viewBox="0 0 960 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/crimeanWarArrow.svg b/test/output/crimeanWarArrow.svg
index aed5468a1a..e4b720cb7c 100644
--- a/test/output/crimeanWarArrow.svg
+++ b/test/output/crimeanWarArrow.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/crimeanWarLine.svg b/test/output/crimeanWarLine.svg
index 025ac93c59..e4c111cf85 100644
--- a/test/output/crimeanWarLine.svg
+++ b/test/output/crimeanWarLine.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
@@ -71,15 +72,15 @@
     <line x1="40" x2="620" y1="370" y2="370"></line>
   </g>
   <g aria-label="line" fill="none" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round" transform="translate(0.5,0.5)">
-    <marker viewBox="-5 -5 10 10" markerWidth="6.67" markerHeight="6.67" fill="#4e79a7" stroke="white" stroke-width="1.5" id="plot-marker-1">
+    <marker viewBox="-5 -5 10 10" markerWidth="6.67" markerHeight="6.67" fill="#4e79a7" stroke="var(--plot-background)" stroke-width="1.5" id="plot-marker-1">
       <circle r="3"></circle>
     </marker>
     <path stroke="#4e79a7" marker-start="url(#plot-marker-1)" marker-mid="url(#plot-marker-1)" marker-end="url(#plot-marker-1)" d="M40,369.873L64.857,368.479L90.543,368.606L115.4,324.491L141.086,265.038L166.771,270.109L191.629,306.237L217.314,263.01L242.171,151.329L267.857,20L293.543,101.257L316.743,217.247L342.429,309.533L367.286,305.603L392.971,268.334L417.829,321.576L443.514,308.772L469.2,346.041L494.057,353.774L519.743,347.436L544.6,358.464L570.286,364.676L595.971,366.958L620,368.099"></path>
-    <marker viewBox="-5 -5 10 10" markerWidth="6.67" markerHeight="6.67" fill="#e15759" stroke="white" stroke-width="1.5" id="plot-marker-2">
+    <marker viewBox="-5 -5 10 10" markerWidth="6.67" markerHeight="6.67" fill="#e15759" stroke="var(--plot-background)" stroke-width="1.5" id="plot-marker-2">
       <circle r="3"></circle>
     </marker>
     <path stroke="#e15759" marker-start="url(#plot-marker-2)" marker-mid="url(#plot-marker-2)" marker-end="url(#plot-marker-2)" d="M40,370L64.857,370L90.543,370L115.4,370L141.086,369.873L166.771,359.732L191.629,353.267L217.314,333.618L242.171,355.549L267.857,359.478L293.543,364.676L316.743,365.943L342.429,363.915L367.286,363.788L392.971,343.506L417.829,353.013L443.514,349.21L469.2,335.013L494.057,363.281L519.743,365.817L544.6,367.718L570.286,369.746L595.971,370L620,370"></path>
-    <marker viewBox="-5 -5 10 10" markerWidth="6.67" markerHeight="6.67" fill="#f28e2c" stroke="white" stroke-width="1.5" id="plot-marker-3">
+    <marker viewBox="-5 -5 10 10" markerWidth="6.67" markerHeight="6.67" fill="#f28e2c" stroke="var(--plot-background)" stroke-width="1.5" id="plot-marker-3">
       <circle r="3"></circle>
     </marker>
     <path stroke="#f28e2c" marker-start="url(#plot-marker-3)" marker-mid="url(#plot-marker-3)" marker-end="url(#plot-marker-3)" d="M40,369.366L64.857,368.859L90.543,369.239L115.4,367.084L141.086,366.197L166.771,361.126L191.629,353.774L217.314,356.563L242.171,353.394L267.857,328.928L293.543,324.238L316.743,348.196L342.429,362.774L367.286,365.31L392.971,366.07L417.829,365.817L443.514,366.831L469.2,367.465L494.057,367.718L519.743,365.943L544.6,366.451L570.286,363.915L595.971,367.591L620,365.563"></path>
diff --git a/test/output/crimeanWarOverlapped.svg b/test/output/crimeanWarOverlapped.svg
index f5be833bd3..003cffea65 100644
--- a/test/output/crimeanWarOverlapped.svg
+++ b/test/output/crimeanWarOverlapped.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/crimeanWarStacked.svg b/test/output/crimeanWarStacked.svg
index 3cc7331e26..1c0c2f745d 100644
--- a/test/output/crimeanWarStacked.svg
+++ b/test/output/crimeanWarStacked.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/d3Survey2015Comfort.svg b/test/output/d3Survey2015Comfort.svg
index c1358bb0d7..04692f3b66 100644
--- a/test/output/d3Survey2015Comfort.svg
+++ b/test/output/d3Survey2015Comfort.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="150" viewBox="0 0 960 150" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/d3Survey2015Why.svg b/test/output/d3Survey2015Why.svg
index b9585d1ae9..2a6235119f 100644
--- a/test/output/d3Survey2015Why.svg
+++ b/test/output/d3Survey2015Why.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="350" viewBox="0 0 960 350" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/darkerDodge.svg b/test/output/darkerDodge.svg
index 24e465fc92..5ce8eb7f4f 100644
--- a/test/output/darkerDodge.svg
+++ b/test/output/darkerDodge.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="170" viewBox="0 0 640 170" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/decathlon.html b/test/output/decathlon.html
index fdc96e2aa1..e7de2c00b2 100644
--- a/test/output/decathlon.html
+++ b/test/output/decathlon.html
@@ -42,6 +42,7 @@
   </div><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/diamondsBoxplot.svg b/test/output/diamondsBoxplot.svg
index f1768cb622..892ca818c7 100644
--- a/test/output/diamondsBoxplot.svg
+++ b/test/output/diamondsBoxplot.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="220" viewBox="0 0 640 220" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/diamondsCaratPrice.svg b/test/output/diamondsCaratPrice.svg
index caa0cf91db..bf0a5ecd59 100644
--- a/test/output/diamondsCaratPrice.svg
+++ b/test/output/diamondsCaratPrice.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/diamondsCaratPriceDots.svg b/test/output/diamondsCaratPriceDots.svg
index e1b7812e31..643be7522f 100644
--- a/test/output/diamondsCaratPriceDots.svg
+++ b/test/output/diamondsCaratPriceDots.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/diamondsCaratSampling.svg b/test/output/diamondsCaratSampling.svg
index 88c096d3cd..f45a9505ef 100644
--- a/test/output/diamondsCaratSampling.svg
+++ b/test/output/diamondsCaratSampling.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/documentationLinks.svg b/test/output/documentationLinks.svg
index bee0ffdd37..8a658338a4 100644
--- a/test/output/documentationLinks.svg
+++ b/test/output/documentationLinks.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="560" viewBox="0 0 640 560" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/dodgeRule.svg b/test/output/dodgeRule.svg
index da83ef9ab9..f4014c5e87 100644
--- a/test/output/dodgeRule.svg
+++ b/test/output/dodgeRule.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/dodgeTextRadius.svg b/test/output/dodgeTextRadius.svg
index ecfdbc08dc..d1a277355d 100644
--- a/test/output/dodgeTextRadius.svg
+++ b/test/output/dodgeTextRadius.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/dodgeTick.svg b/test/output/dodgeTick.svg
index 0d086aa7dd..634c6dc857 100644
--- a/test/output/dodgeTick.svg
+++ b/test/output/dodgeTick.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/dotSort.html b/test/output/dotSort.html
index 00878d95e2..0dc13202ca 100644
--- a/test/output/dotSort.html
+++ b/test/output/dotSort.html
@@ -2,6 +2,7 @@
   <figure style="max-width: initial;"><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="300" height="60" viewBox="0 0 300 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
       <style>
         .plot {
+          --plot-background: white;
           display: block;
           height: auto;
           height: intrinsic;
@@ -30,6 +31,7 @@
   <figure style="max-width: initial;"><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="300" height="60" viewBox="0 0 300 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
       <style>
         .plot {
+          --plot-background: white;
           display: block;
           height: auto;
           height: intrinsic;
@@ -58,6 +60,7 @@
   <figure style="max-width: initial;"><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="300" height="60" viewBox="0 0 300 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
       <style>
         .plot {
+          --plot-background: white;
           display: block;
           height: auto;
           height: intrinsic;
@@ -86,6 +89,7 @@
   <figure style="max-width: initial;"><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="300" height="60" viewBox="0 0 300 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
       <style>
         .plot {
+          --plot-background: white;
           display: block;
           height: auto;
           height: intrinsic;
@@ -114,6 +118,7 @@
   <figure style="max-width: initial;"><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="300" height="60" viewBox="0 0 300 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
       <style>
         .plot {
+          --plot-background: white;
           display: block;
           height: auto;
           height: intrinsic;
@@ -142,6 +147,7 @@
   <figure style="max-width: initial;"><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="300" height="60" viewBox="0 0 300 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
       <style>
         .plot {
+          --plot-background: white;
           display: block;
           height: auto;
           height: intrinsic;
@@ -170,6 +176,7 @@
   <figure style="max-width: initial;"><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="300" height="60" viewBox="0 0 300 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
       <style>
         .plot {
+          --plot-background: white;
           display: block;
           height: auto;
           height: intrinsic;
diff --git a/test/output/downloads.svg b/test/output/downloads.svg
index 90fa3dfb4d..d1d60880fb 100644
--- a/test/output/downloads.svg
+++ b/test/output/downloads.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/downloadsOrdinal.svg b/test/output/downloadsOrdinal.svg
index 97b1bce3b9..30a30242d4 100644
--- a/test/output/downloadsOrdinal.svg
+++ b/test/output/downloadsOrdinal.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="425" viewBox="0 0 960 425" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/driving.svg b/test/output/driving.svg
index b709a3798c..cc10335c70 100644
--- a/test/output/driving.svg
+++ b/test/output/driving.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/electricityDemand.svg b/test/output/electricityDemand.svg
index 9b872a14f5..44b05d193d 100644
--- a/test/output/electricityDemand.svg
+++ b/test/output/electricityDemand.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="400" viewBox="0 0 960 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/empty.svg b/test/output/empty.svg
index 4289cfd629..1fe79aa800 100644
--- a/test/output/empty.svg
+++ b/test/output/empty.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/emptyFacet.svg b/test/output/emptyFacet.svg
index 8b9a8591a6..c0f4dffe8f 100644
--- a/test/output/emptyFacet.svg
+++ b/test/output/emptyFacet.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="430" viewBox="0 0 640 430" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/emptyLegend.svg b/test/output/emptyLegend.svg
index 81230688b3..13373efbb2 100644
--- a/test/output/emptyLegend.svg
+++ b/test/output/emptyLegend.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/emptyX.svg b/test/output/emptyX.svg
index 81230688b3..13373efbb2 100644
--- a/test/output/emptyX.svg
+++ b/test/output/emptyX.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/energyProduction.html b/test/output/energyProduction.html
index ea29f44d0e..2ead8ffae3 100644
--- a/test/output/energyProduction.html
+++ b/test/output/energyProduction.html
@@ -34,6 +34,7 @@
   </div><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/faithfulDensity.svg b/test/output/faithfulDensity.svg
index a89d53c89b..b27efe8b16 100644
--- a/test/output/faithfulDensity.svg
+++ b/test/output/faithfulDensity.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/faithfulDensity1d.svg b/test/output/faithfulDensity1d.svg
index b3bfb4e17a..14a12b98c2 100644
--- a/test/output/faithfulDensity1d.svg
+++ b/test/output/faithfulDensity1d.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="100" viewBox="0 0 640 100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/federalFunds.svg b/test/output/federalFunds.svg
index 9be09cd2ec..3cf8032277 100644
--- a/test/output/federalFunds.svg
+++ b/test/output/federalFunds.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/figcaption.html b/test/output/figcaption.html
index 2bf0ff588c..aa1f867287 100644
--- a/test/output/figcaption.html
+++ b/test/output/figcaption.html
@@ -1,6 +1,7 @@
 <figure style="max-width: initial;"><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/figcaptionHtml.html b/test/output/figcaptionHtml.html
index e490ad833c..e713ba9d3f 100644
--- a/test/output/figcaptionHtml.html
+++ b/test/output/figcaptionHtml.html
@@ -1,6 +1,7 @@
 <figure style="max-width: initial;"><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/firstLadies.svg b/test/output/firstLadies.svg
index 24fc6436aa..61e7278570 100644
--- a/test/output/firstLadies.svg
+++ b/test/output/firstLadies.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="1120" viewBox="0 0 960 1120" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/flareCluster.svg b/test/output/flareCluster.svg
index b507b8f945..a4df4bdd5f 100644
--- a/test/output/flareCluster.svg
+++ b/test/output/flareCluster.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="2400" viewBox="0 0 640 2400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
@@ -519,7 +520,7 @@
     <circle cx="519" cy="2305.035294117647" r="3" fill="#bdbdbd"><title>/flare/vis/operator/layout/StackedAreaLayout</title></circle>
     <circle cx="519" cy="2314.364705882353" r="3" fill="#bdbdbd"><title>/flare/vis/operator/layout/TreeMapLayout</title></circle>
   </g>
-  <g aria-label="text" stroke="white" stroke-width="3" stroke-linejoin="round" paint-order="stroke" text-anchor="start" transform="translate(6.5,0.5)">
+  <g aria-label="text" stroke="var(--plot-background)" stroke-width="3" stroke-linejoin="round" paint-order="stroke" text-anchor="start" transform="translate(6.5,0.5)">
     <text y="0.32em" transform="translate(10,780.0302611459807)">flare<title>/flare</title></text>
     <text y="0.32em" transform="translate(264.5,70.64117647058829)">analytics<title>/flare/analytics</title></text>
     <text y="0.32em" transform="translate(264.5,256.45196078431394)">animate<title>/flare/animate</title></text>
diff --git a/test/output/flareIndent.svg b/test/output/flareIndent.svg
index 11d0846a9e..d19f579f3c 100644
--- a/test/output/flareIndent.svg
+++ b/test/output/flareIndent.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="200" height="3600" viewBox="0 0 200 3600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
@@ -519,7 +520,7 @@
     <circle cx="79" cy="3489" r="2.5" fill="#bdbdbd"><title>/flare/vis/operator/layout/StackedAreaLayout</title></circle>
     <circle cx="79" cy="3503" r="2.5" fill="#bdbdbd"><title>/flare/vis/operator/layout/TreeMapLayout</title></circle>
   </g>
-  <g aria-label="text" stroke="white" stroke-width="3" stroke-linejoin="round" paint-order="stroke" text-anchor="start" transform="translate(6.5,0.5)">
+  <g aria-label="text" stroke="var(--plot-background)" stroke-width="3" stroke-linejoin="round" paint-order="stroke" text-anchor="start" transform="translate(6.5,0.5)">
     <text y="0.32em" transform="translate(10,10)">flare<title>/flare</title></text>
     <text y="0.32em" transform="translate(27,24)">analytics<title>/flare/analytics</title></text>
     <text y="0.32em" transform="translate(27,224)">animate<title>/flare/animate</title></text>
diff --git a/test/output/flareTree.svg b/test/output/flareTree.svg
index 2596f65de3..7314e32389 100644
--- a/test/output/flareTree.svg
+++ b/test/output/flareTree.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="1800" viewBox="0 0 640 1800" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
@@ -271,7 +272,7 @@
     <path d="M391.75,1720.008C455.375,1720.008,455.375,1779.144,519,1779.144" stroke="#bdbdbd" marker-end="url(#plot-marker-2)"></path>
     <path d="M391.75,1720.008C455.375,1720.008,455.375,1789,519,1789" stroke="#bdbdbd" marker-end="url(#plot-marker-2)"></path>
   </g>
-  <g aria-label="text" stroke="white" stroke-width="3" stroke-linejoin="round" paint-order="stroke" text-anchor="start" transform="translate(6.5,0.5)">
+  <g aria-label="text" stroke="var(--plot-background)" stroke-width="3" stroke-linejoin="round" paint-order="stroke" text-anchor="start" transform="translate(6.5,0.5)">
     <text y="0.32em" transform="translate(10,729.4847645429364)">flare<title>/flare</title></text>
     <text y="0.32em" transform="translate(137.25,71.59972299168976)">analytics<title>/flare/analytics</title></text>
     <text y="0.32em" transform="translate(137.25,212.04709141274242)">animate<title>/flare/animate</title></text>
diff --git a/test/output/footballCoverage.svg b/test/output/footballCoverage.svg
index 7193db9aab..d44f1d96a1 100644
--- a/test/output/footballCoverage.svg
+++ b/test/output/footballCoverage.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="430" viewBox="0 0 640 430" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/frameCorners.svg b/test/output/frameCorners.svg
index 4d201f2c83..a9eaa326e0 100644
--- a/test/output/frameCorners.svg
+++ b/test/output/frameCorners.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/frameSides.svg b/test/output/frameSides.svg
index 75d8e835a3..9db41d3182 100644
--- a/test/output/frameSides.svg
+++ b/test/output/frameSides.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="350" height="250" viewBox="0 0 350 250" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/frameSidesX.svg b/test/output/frameSidesX.svg
index c5791adbfd..c5ec3be923 100644
--- a/test/output/frameSidesX.svg
+++ b/test/output/frameSidesX.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="350" height="250" viewBox="0 0 350 250" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/frameSidesXY.svg b/test/output/frameSidesXY.svg
index f79119ded0..5bfb5c52cf 100644
--- a/test/output/frameSidesXY.svg
+++ b/test/output/frameSidesXY.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="350" height="250" viewBox="0 0 350 250" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/frameSidesY.svg b/test/output/frameSidesY.svg
index e73af80462..da287b1348 100644
--- a/test/output/frameSidesY.svg
+++ b/test/output/frameSidesY.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="350" height="250" viewBox="0 0 350 250" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/fruitSales.svg b/test/output/fruitSales.svg
index 90a4580644..caab82bc58 100644
--- a/test/output/fruitSales.svg
+++ b/test/output/fruitSales.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="140" viewBox="0 0 640 140" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/fruitSalesDate.svg b/test/output/fruitSalesDate.svg
index 80630b5cf8..b559306eae 100644
--- a/test/output/fruitSalesDate.svg
+++ b/test/output/fruitSalesDate.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/functionContour.svg b/test/output/functionContour.svg
index 57238937e5..92b654e93f 100644
--- a/test/output/functionContour.svg
+++ b/test/output/functionContour.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/functionContourFaceted.svg b/test/output/functionContourFaceted.svg
index a3d4e225ab..7f9a107f8e 100644
--- a/test/output/functionContourFaceted.svg
+++ b/test/output/functionContourFaceted.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="580" viewBox="0 0 640 580" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/functionContourFaceted2.svg b/test/output/functionContourFaceted2.svg
index a3d4e225ab..7f9a107f8e 100644
--- a/test/output/functionContourFaceted2.svg
+++ b/test/output/functionContourFaceted2.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="580" viewBox="0 0 640 580" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/futureSplom.svg b/test/output/futureSplom.svg
index be0e2ae0c6..93d4d60cfc 100644
--- a/test/output/futureSplom.svg
+++ b/test/output/futureSplom.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/geoLink.svg b/test/output/geoLink.svg
index 7715f573de..a9474edefa 100644
--- a/test/output/geoLink.svg
+++ b/test/output/geoLink.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="312" viewBox="0 0 640 312" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/gistempAnomaly.svg b/test/output/gistempAnomaly.svg
index 7f019cb06a..8116ae99f2 100644
--- a/test/output/gistempAnomaly.svg
+++ b/test/output/gistempAnomaly.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/gistempAnomalyMoving.svg b/test/output/gistempAnomalyMoving.svg
index 6fba96719a..4bca58e1d3 100644
--- a/test/output/gistempAnomalyMoving.svg
+++ b/test/output/gistempAnomalyMoving.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/gistempAnomalyTransform.svg b/test/output/gistempAnomalyTransform.svg
index fcc5edde7b..d0eb915e10 100644
--- a/test/output/gistempAnomalyTransform.svg
+++ b/test/output/gistempAnomalyTransform.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/googleTrendsRidgeline.svg b/test/output/googleTrendsRidgeline.svg
index c8c7040c05..7e087cf0cb 100644
--- a/test/output/googleTrendsRidgeline.svg
+++ b/test/output/googleTrendsRidgeline.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="1260" viewBox="0 0 960 1260" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/graticule.svg b/test/output/graticule.svg
index 3a78202f2e..2a75868cef 100644
--- a/test/output/graticule.svg
+++ b/test/output/graticule.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="470" viewBox="0 0 960 470" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/greekGods.svg b/test/output/greekGods.svg
index 266cf72c74..67dc46866a 100644
--- a/test/output/greekGods.svg
+++ b/test/output/greekGods.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
@@ -31,7 +32,7 @@
     <circle cx="519" cy="289.25" r="3" fill="#bdbdbd"><title>/Chaos/Gaia/Pontus</title></circle>
     <circle cx="519" cy="379" r="3" fill="#bdbdbd"><title>/Chaos/Gaia/Uranus</title></circle>
   </g>
-  <g aria-label="text" stroke="white" stroke-width="3" stroke-linejoin="round" paint-order="stroke" text-anchor="start" transform="translate(6.5,0.5)">
+  <g aria-label="text" stroke="var(--plot-background)" stroke-width="3" stroke-linejoin="round" paint-order="stroke" text-anchor="start" transform="translate(6.5,0.5)">
     <text y="0.32em" transform="translate(10,154.625)">Chaos<title>/Chaos</title></text>
     <text y="0.32em" transform="translate(264.5,20)">Eros<title>/Chaos/Eros</title></text>
     <text y="0.32em" transform="translate(264.5,109.75)">Erebus<title>/Chaos/Erebus</title></text>
diff --git a/test/output/greekGodsExplicit.svg b/test/output/greekGodsExplicit.svg
index c07ddc186e..c0df7a6afa 100644
--- a/test/output/greekGodsExplicit.svg
+++ b/test/output/greekGodsExplicit.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/gridChoropleth.svg b/test/output/gridChoropleth.svg
index 711d99c356..1a71b33edd 100644
--- a/test/output/gridChoropleth.svg
+++ b/test/output/gridChoropleth.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="420" viewBox="0 0 640 420" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/gridChoroplethDx.svg b/test/output/gridChoroplethDx.svg
index 019416dded..29763f3bce 100644
--- a/test/output/gridChoroplethDx.svg
+++ b/test/output/gridChoroplethDx.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="420" viewBox="0 0 640 420" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/gridReduceIdentity.svg b/test/output/gridReduceIdentity.svg
index 6b06cdd270..6056309366 100644
--- a/test/output/gridReduceIdentity.svg
+++ b/test/output/gridReduceIdentity.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="293.66666666666663" viewBox="0 0 640 293.66666666666663" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/groupedRects.svg b/test/output/groupedRects.svg
index 2bfac7ee68..30569c3116 100644
--- a/test/output/groupedRects.svg
+++ b/test/output/groupedRects.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/hadcrutWarmingStripes.svg b/test/output/hadcrutWarmingStripes.svg
index 138930a192..ada1856503 100644
--- a/test/output/hadcrutWarmingStripes.svg
+++ b/test/output/hadcrutWarmingStripes.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/heatmap.svg b/test/output/heatmap.svg
index e12d34e056..e68b56d88e 100644
--- a/test/output/heatmap.svg
+++ b/test/output/heatmap.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/heatmapArray.svg b/test/output/heatmapArray.svg
index e12d34e056..e68b56d88e 100644
--- a/test/output/heatmapArray.svg
+++ b/test/output/heatmapArray.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/heatmapConstantOpacity.svg b/test/output/heatmapConstantOpacity.svg
index df583f272f..5d4678b2a0 100644
--- a/test/output/heatmapConstantOpacity.svg
+++ b/test/output/heatmapConstantOpacity.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/heatmapFaceted.svg b/test/output/heatmapFaceted.svg
index 730018c74c..7940e6bcab 100644
--- a/test/output/heatmapFaceted.svg
+++ b/test/output/heatmapFaceted.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="580" viewBox="0 0 640 580" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/heatmapFillOpacity.svg b/test/output/heatmapFillOpacity.svg
index 6113fb0094..3c5a4a29b5 100644
--- a/test/output/heatmapFillOpacity.svg
+++ b/test/output/heatmapFillOpacity.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/heatmapLog.svg b/test/output/heatmapLog.svg
index a40db264f0..8f343c92d4 100644
--- a/test/output/heatmapLog.svg
+++ b/test/output/heatmapLog.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="630" viewBox="0 0 640 630" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/heatmapOpacity.svg b/test/output/heatmapOpacity.svg
index a0c6e37be5..3a52741fbe 100644
--- a/test/output/heatmapOpacity.svg
+++ b/test/output/heatmapOpacity.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/heatmapPartial.svg b/test/output/heatmapPartial.svg
index f297ae2920..7b291ea591 100644
--- a/test/output/heatmapPartial.svg
+++ b/test/output/heatmapPartial.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/hexbin.svg b/test/output/hexbin.svg
index 401ff17b0d..3536de0382 100644
--- a/test/output/hexbin.svg
+++ b/test/output/hexbin.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/hexbinIdentityReduce.svg b/test/output/hexbinIdentityReduce.svg
index d45d441b6f..05dbae6947 100644
--- a/test/output/hexbinIdentityReduce.svg
+++ b/test/output/hexbinIdentityReduce.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="600" viewBox="0 0 640 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/hexbinOranges.svg b/test/output/hexbinOranges.svg
index 10b19d901a..6625a2a154 100644
--- a/test/output/hexbinOranges.svg
+++ b/test/output/hexbinOranges.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/hexbinR.html b/test/output/hexbinR.html
index e339926cfc..a5be9b6913 100644
--- a/test/output/hexbinR.html
+++ b/test/output/hexbinR.html
@@ -35,6 +35,7 @@
   </svg><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="320" viewBox="0 0 960 320" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/hexbinSymbol.html b/test/output/hexbinSymbol.html
index 087ec245cf..1b1943056e 100644
--- a/test/output/hexbinSymbol.html
+++ b/test/output/hexbinSymbol.html
@@ -34,6 +34,7 @@
   </div><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/hexbinText.svg b/test/output/hexbinText.svg
index 5c8774cbda..dde98783bf 100644
--- a/test/output/hexbinText.svg
+++ b/test/output/hexbinText.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="320" viewBox="0 0 960 320" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/hexbinZ.html b/test/output/hexbinZ.html
index 28c04641ac..a52dc1eddc 100644
--- a/test/output/hexbinZ.html
+++ b/test/output/hexbinZ.html
@@ -34,6 +34,7 @@
   </div><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/hexbinZNull.svg b/test/output/hexbinZNull.svg
index 71d2425260..68c1d74de1 100644
--- a/test/output/hexbinZNull.svg
+++ b/test/output/hexbinZNull.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/highCardinalityOrdinal.svg b/test/output/highCardinalityOrdinal.svg
index 5d4f53f3d8..749c7ff5cf 100644
--- a/test/output/highCardinalityOrdinal.svg
+++ b/test/output/highCardinalityOrdinal.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/hrefFill.svg b/test/output/hrefFill.svg
index 96cf26bd63..3f8c3e90b5 100644
--- a/test/output/hrefFill.svg
+++ b/test/output/hrefFill.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/ibmTrading.svg b/test/output/ibmTrading.svg
index f32535bb52..32f62b2e89 100644
--- a/test/output/ibmTrading.svg
+++ b/test/output/ibmTrading.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="435" viewBox="0 0 640 435" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/identityScale.svg b/test/output/identityScale.svg
index 47ef24a537..44d955a03e 100644
--- a/test/output/identityScale.svg
+++ b/test/output/identityScale.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/imagePixelated.svg b/test/output/imagePixelated.svg
index 95db628969..4292aea08a 100644
--- a/test/output/imagePixelated.svg
+++ b/test/output/imagePixelated.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="300" height="200" viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/industryUnemployment.svg b/test/output/industryUnemployment.svg
index 9f744812be..bcea73e32a 100644
--- a/test/output/industryUnemployment.svg
+++ b/test/output/industryUnemployment.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/industryUnemploymentShare.svg b/test/output/industryUnemploymentShare.svg
index cec8a0a1a3..91df7927e2 100644
--- a/test/output/industryUnemploymentShare.svg
+++ b/test/output/industryUnemploymentShare.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/industryUnemploymentStream.svg b/test/output/industryUnemploymentStream.svg
index c3ff78d33a..287d813398 100644
--- a/test/output/industryUnemploymentStream.svg
+++ b/test/output/industryUnemploymentStream.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/industryUnemploymentTrack.svg b/test/output/industryUnemploymentTrack.svg
index 78718af81d..32f3715447 100644
--- a/test/output/industryUnemploymentTrack.svg
+++ b/test/output/industryUnemploymentTrack.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="340" viewBox="0 0 640 340" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/infinityLog.svg b/test/output/infinityLog.svg
index 04be83125d..c881f9b795 100644
--- a/test/output/infinityLog.svg
+++ b/test/output/infinityLog.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/integerInterval.svg b/test/output/integerInterval.svg
index 3005b307c3..7424fb30b6 100644
--- a/test/output/integerInterval.svg
+++ b/test/output/integerInterval.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/intradayHistogram.svg b/test/output/intradayHistogram.svg
index 036e93646b..372c1a52cc 100644
--- a/test/output/intradayHistogram.svg
+++ b/test/output/intradayHistogram.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/kittenConstant.svg b/test/output/kittenConstant.svg
index 0989035daa..3c1a88b09a 100644
--- a/test/output/kittenConstant.svg
+++ b/test/output/kittenConstant.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="520" height="520" viewBox="0 0 520 520" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/kittenConstantRotate.svg b/test/output/kittenConstantRotate.svg
index dbb5ccedc6..c0f4ed7bc2 100644
--- a/test/output/kittenConstantRotate.svg
+++ b/test/output/kittenConstantRotate.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="520" height="520" viewBox="0 0 520 520" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/kittenConstantWidthHeight.svg b/test/output/kittenConstantWidthHeight.svg
index 3304583563..5e8e2ebd0c 100644
--- a/test/output/kittenConstantWidthHeight.svg
+++ b/test/output/kittenConstantWidthHeight.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="520" height="520" viewBox="0 0 520 520" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/kittenVariable.svg b/test/output/kittenVariable.svg
index 1d3e17e1cc..4ad651cc1e 100644
--- a/test/output/kittenVariable.svg
+++ b/test/output/kittenVariable.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="520" height="520" viewBox="0 0 520 520" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/kittenVariableDodge.svg b/test/output/kittenVariableDodge.svg
index c2364644c4..c07110e172 100644
--- a/test/output/kittenVariableDodge.svg
+++ b/test/output/kittenVariableDodge.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="520" height="520" viewBox="0 0 520 520" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/kittenVariableRotate.svg b/test/output/kittenVariableRotate.svg
index 6cbeb31274..93b34e40fc 100644
--- a/test/output/kittenVariableRotate.svg
+++ b/test/output/kittenVariableRotate.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="520" height="520" viewBox="0 0 520 520" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/learningPoverty.svg b/test/output/learningPoverty.svg
index 321f51520c..76e316510b 100644
--- a/test/output/learningPoverty.svg
+++ b/test/output/learningPoverty.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="1160" viewBox="0 0 640 1160" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/letterFrequencyBar.svg b/test/output/letterFrequencyBar.svg
index a0b9e49bab..b68e978186 100644
--- a/test/output/letterFrequencyBar.svg
+++ b/test/output/letterFrequencyBar.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="580" viewBox="0 0 640 580" aria-label="letter-frequency chart" aria-description="A horizontal bar chart showing the relative frequency of letters in the English language." xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/letterFrequencyCloud.svg b/test/output/letterFrequencyCloud.svg
index 81b75768e0..70a89efac5 100644
--- a/test/output/letterFrequencyCloud.svg
+++ b/test/output/letterFrequencyCloud.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/letterFrequencyColumn.svg b/test/output/letterFrequencyColumn.svg
index e77e5d4bb7..c5446f42f0 100644
--- a/test/output/letterFrequencyColumn.svg
+++ b/test/output/letterFrequencyColumn.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/letterFrequencyDot.svg b/test/output/letterFrequencyDot.svg
index 7cdb10379d..2480cf8ecf 100644
--- a/test/output/letterFrequencyDot.svg
+++ b/test/output/letterFrequencyDot.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/letterFrequencyLollipop.svg b/test/output/letterFrequencyLollipop.svg
index 3951f6074e..7116859be7 100644
--- a/test/output/letterFrequencyLollipop.svg
+++ b/test/output/letterFrequencyLollipop.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/letterFrequencyWheel.svg b/test/output/letterFrequencyWheel.svg
index 04aa671c0f..2d90987f3d 100644
--- a/test/output/letterFrequencyWheel.svg
+++ b/test/output/letterFrequencyWheel.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="500" height="250" viewBox="0 0 500 250" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/liborProjections.svg b/test/output/liborProjections.svg
index a469e3e89d..905d602d13 100644
--- a/test/output/liborProjections.svg
+++ b/test/output/liborProjections.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="392.4521874459623" viewBox="0 0 960 392.4521874459623" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/likertSurvey.html b/test/output/likertSurvey.html
index bef0bcb923..f4f6d98148 100644
--- a/test/output/likertSurvey.html
+++ b/test/output/likertSurvey.html
@@ -38,6 +38,7 @@
   </div><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="160" viewBox="0 0 640 160" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/linearRegressionCars.svg b/test/output/linearRegressionCars.svg
index 7f5e4a6f56..bec9c8bc42 100644
--- a/test/output/linearRegressionCars.svg
+++ b/test/output/linearRegressionCars.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/linearRegressionMtcars.svg b/test/output/linearRegressionMtcars.svg
index 18742462eb..8f7e164838 100644
--- a/test/output/linearRegressionMtcars.svg
+++ b/test/output/linearRegressionMtcars.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/linearRegressionPenguins.svg b/test/output/linearRegressionPenguins.svg
index a6b706e5d6..79aac64b1c 100644
--- a/test/output/linearRegressionPenguins.svg
+++ b/test/output/linearRegressionPenguins.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/logDegenerate.svg b/test/output/logDegenerate.svg
index 60031a5619..83a7524fe3 100644
--- a/test/output/logDegenerate.svg
+++ b/test/output/logDegenerate.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/longLabels.svg b/test/output/longLabels.svg
index d72cad7672..7974b39fa6 100644
--- a/test/output/longLabels.svg
+++ b/test/output/longLabels.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/mandelbrot.svg b/test/output/mandelbrot.svg
index 00d9e9f879..5241ef9f1a 100644
--- a/test/output/mandelbrot.svg
+++ b/test/output/mandelbrot.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="500" viewBox="0 0 640 500" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/markovChain.svg b/test/output/markovChain.svg
index b633f2f814..95d73712ce 100644
--- a/test/output/markovChain.svg
+++ b/test/output/markovChain.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="400" height="407.26108765585843" viewBox="0 0 400 407.26108765585843" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/metroInequality.svg b/test/output/metroInequality.svg
index d9e5d9ecbf..41d388f102 100644
--- a/test/output/metroInequality.svg
+++ b/test/output/metroInequality.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/metroInequalityChange.svg b/test/output/metroInequalityChange.svg
index bad9bacd48..77e0aefbdf 100644
--- a/test/output/metroInequalityChange.svg
+++ b/test/output/metroInequalityChange.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/metroUnemployment.svg b/test/output/metroUnemployment.svg
index ef7cba2739..2eb10a9587 100644
--- a/test/output/metroUnemployment.svg
+++ b/test/output/metroUnemployment.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/metroUnemploymentHighlight.svg b/test/output/metroUnemploymentHighlight.svg
index c08a913afd..4700254430 100644
--- a/test/output/metroUnemploymentHighlight.svg
+++ b/test/output/metroUnemploymentHighlight.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/metroUnemploymentIndex.svg b/test/output/metroUnemploymentIndex.svg
index 5be69964c9..b6075023bd 100644
--- a/test/output/metroUnemploymentIndex.svg
+++ b/test/output/metroUnemploymentIndex.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/metroUnemploymentMoving.svg b/test/output/metroUnemploymentMoving.svg
index df955bf4c2..3148aa24e3 100644
--- a/test/output/metroUnemploymentMoving.svg
+++ b/test/output/metroUnemploymentMoving.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/metroUnemploymentNormalize.svg b/test/output/metroUnemploymentNormalize.svg
index 1ea149b859..e91ab3ab5a 100644
--- a/test/output/metroUnemploymentNormalize.svg
+++ b/test/output/metroUnemploymentNormalize.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/metroUnemploymentRidgeline.svg b/test/output/metroUnemploymentRidgeline.svg
index 3cfeed686a..d9b2278147 100644
--- a/test/output/metroUnemploymentRidgeline.svg
+++ b/test/output/metroUnemploymentRidgeline.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="1080" viewBox="0 0 960 1080" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/metroUnemploymentSlope.svg b/test/output/metroUnemploymentSlope.svg
index 2ab568702e..7422737a58 100644
--- a/test/output/metroUnemploymentSlope.svg
+++ b/test/output/metroUnemploymentSlope.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/metroUnemploymentStroke.svg b/test/output/metroUnemploymentStroke.svg
index d203aea4f4..cb0cc8fa0b 100644
--- a/test/output/metroUnemploymentStroke.svg
+++ b/test/output/metroUnemploymentStroke.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/mobyDick.svg b/test/output/mobyDick.svg
index 2aee3a4b98..0bca7f37f2 100644
--- a/test/output/mobyDick.svg
+++ b/test/output/mobyDick.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="1200" viewBox="0 0 640 1200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/mobyDickFaceted.svg b/test/output/mobyDickFaceted.svg
index c0d835a3e8..1931788475 100644
--- a/test/output/mobyDickFaceted.svg
+++ b/test/output/mobyDickFaceted.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="430" viewBox="0 0 640 430" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/mobyDickLetterFrequency.svg b/test/output/mobyDickLetterFrequency.svg
index 373c421e79..aa5ce76268 100644
--- a/test/output/mobyDickLetterFrequency.svg
+++ b/test/output/mobyDickLetterFrequency.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/mobyDickLetterPairs.svg b/test/output/mobyDickLetterPairs.svg
index d2ec599cb3..e128f7b7ab 100644
--- a/test/output/mobyDickLetterPairs.svg
+++ b/test/output/mobyDickLetterPairs.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="600" viewBox="0 0 640 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/mobyDickLetterPosition.svg b/test/output/mobyDickLetterPosition.svg
index 7a0cc96c42..a54b4791ff 100644
--- a/test/output/mobyDickLetterPosition.svg
+++ b/test/output/mobyDickLetterPosition.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/mobyDickLetterRelativeFrequency.svg b/test/output/mobyDickLetterRelativeFrequency.svg
index 6976056386..8d775126bc 100644
--- a/test/output/mobyDickLetterRelativeFrequency.svg
+++ b/test/output/mobyDickLetterRelativeFrequency.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/morleyBoxplot.svg b/test/output/morleyBoxplot.svg
index 2e56d0951c..00dbe188f2 100644
--- a/test/output/morleyBoxplot.svg
+++ b/test/output/morleyBoxplot.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="160" viewBox="0 0 640 160" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/moviesProfitByGenre.svg b/test/output/moviesProfitByGenre.svg
index 2165cf3251..bb5ff6bbae 100644
--- a/test/output/moviesProfitByGenre.svg
+++ b/test/output/moviesProfitByGenre.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="320" viewBox="0 0 640 320" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/moviesRatingByGenre.svg b/test/output/moviesRatingByGenre.svg
index 5cffb133a6..c9e0b3d398 100644
--- a/test/output/moviesRatingByGenre.svg
+++ b/test/output/moviesRatingByGenre.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="560" viewBox="0 0 960 560" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/multiplicationTable.svg b/test/output/multiplicationTable.svg
index 9c93cf6c9f..1530eac127 100644
--- a/test/output/multiplicationTable.svg
+++ b/test/output/multiplicationTable.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="450" height="450" viewBox="0 0 450 450" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/musicRevenue.svg b/test/output/musicRevenue.svg
index 05a41d5f5b..473bcd4479 100644
--- a/test/output/musicRevenue.svg
+++ b/test/output/musicRevenue.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/npmVersions.svg b/test/output/npmVersions.svg
index 9e4b420087..cf91c5ed57 100644
--- a/test/output/npmVersions.svg
+++ b/test/output/npmVersions.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="140" viewBox="0 0 640 140" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/ordinalBar.svg b/test/output/ordinalBar.svg
index f4cae99110..030b8b3a34 100644
--- a/test/output/ordinalBar.svg
+++ b/test/output/ordinalBar.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="200" viewBox="0 0 640 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinAnnotated.svg b/test/output/penguinAnnotated.svg
index 38b1c53c53..7db4605f27 100644
--- a/test/output/penguinAnnotated.svg
+++ b/test/output/penguinAnnotated.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="120" viewBox="0 0 640 120" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinCulmen.svg b/test/output/penguinCulmen.svg
index b611ba41f6..e7cd6dc3ea 100644
--- a/test/output/penguinCulmen.svg
+++ b/test/output/penguinCulmen.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="600" viewBox="0 0 640 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinCulmenArray.svg b/test/output/penguinCulmenArray.svg
index 494d60c563..414d165736 100644
--- a/test/output/penguinCulmenArray.svg
+++ b/test/output/penguinCulmenArray.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="600" viewBox="0 0 640 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinCulmenDelaunay.svg b/test/output/penguinCulmenDelaunay.svg
index 410f9467b3..e5c90a8631 100644
--- a/test/output/penguinCulmenDelaunay.svg
+++ b/test/output/penguinCulmenDelaunay.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinCulmenDelaunayMesh.svg b/test/output/penguinCulmenDelaunayMesh.svg
index 2dd507cec3..1750bd4359 100644
--- a/test/output/penguinCulmenDelaunayMesh.svg
+++ b/test/output/penguinCulmenDelaunayMesh.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinCulmenDelaunaySpecies.svg b/test/output/penguinCulmenDelaunaySpecies.svg
index e52d5a7a9b..03e5190189 100644
--- a/test/output/penguinCulmenDelaunaySpecies.svg
+++ b/test/output/penguinCulmenDelaunaySpecies.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinCulmenMarkFacet.svg b/test/output/penguinCulmenMarkFacet.svg
index 888dbec45d..9f9a11684e 100644
--- a/test/output/penguinCulmenMarkFacet.svg
+++ b/test/output/penguinCulmenMarkFacet.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="600" viewBox="0 0 640 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinCulmenVoronoi.svg b/test/output/penguinCulmenVoronoi.svg
index df88dd45c3..6f5625689f 100644
--- a/test/output/penguinCulmenVoronoi.svg
+++ b/test/output/penguinCulmenVoronoi.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinDensity.svg b/test/output/penguinDensity.svg
index 1f2cb08bd8..7800aaa01a 100644
--- a/test/output/penguinDensity.svg
+++ b/test/output/penguinDensity.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinDensityFill.html b/test/output/penguinDensityFill.html
index 3d475b1297..d790d8e8df 100644
--- a/test/output/penguinDensityFill.html
+++ b/test/output/penguinDensityFill.html
@@ -35,6 +35,7 @@
   </svg><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="360" viewBox="0 0 960 360" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/penguinDensityZ.html b/test/output/penguinDensityZ.html
index 1e87bdf2d6..5bb4d1aeda 100644
--- a/test/output/penguinDensityZ.html
+++ b/test/output/penguinDensityZ.html
@@ -34,6 +34,7 @@
   </div><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="360" viewBox="0 0 960 360" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/penguinDodge.svg b/test/output/penguinDodge.svg
index 28c293ac5f..fcc996c36c 100644
--- a/test/output/penguinDodge.svg
+++ b/test/output/penguinDodge.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="200" viewBox="0 0 640 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinDodgeHexbin.svg b/test/output/penguinDodgeHexbin.svg
index 8df2c91371..fb5fca1f4a 100644
--- a/test/output/penguinDodgeHexbin.svg
+++ b/test/output/penguinDodgeHexbin.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="300" viewBox="0 0 640 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinDodgeVoronoi.svg b/test/output/penguinDodgeVoronoi.svg
index 72fadd60c5..a27d7a5cd4 100644
--- a/test/output/penguinDodgeVoronoi.svg
+++ b/test/output/penguinDodgeVoronoi.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="200" viewBox="0 0 640 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinFacetAnnotated.svg b/test/output/penguinFacetAnnotated.svg
index 4b070c5261..884c0126f0 100644
--- a/test/output/penguinFacetAnnotated.svg
+++ b/test/output/penguinFacetAnnotated.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="240" viewBox="0 0 640 240" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinFacetAnnotatedX.svg b/test/output/penguinFacetAnnotatedX.svg
index 659bbaa106..db47d3a685 100644
--- a/test/output/penguinFacetAnnotatedX.svg
+++ b/test/output/penguinFacetAnnotatedX.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="150" viewBox="0 0 640 150" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinFacetDodge.svg b/test/output/penguinFacetDodge.svg
index 95e2623785..0172343f17 100644
--- a/test/output/penguinFacetDodge.svg
+++ b/test/output/penguinFacetDodge.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="300" viewBox="0 0 640 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinFacetDodgeIdentity.svg b/test/output/penguinFacetDodgeIdentity.svg
index 54bab3de39..40b9008fa7 100644
--- a/test/output/penguinFacetDodgeIdentity.svg
+++ b/test/output/penguinFacetDodgeIdentity.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="300" viewBox="0 0 640 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinFacetDodgeIsland.html b/test/output/penguinFacetDodgeIsland.html
index 14893ca980..230fe89939 100644
--- a/test/output/penguinFacetDodgeIsland.html
+++ b/test/output/penguinFacetDodgeIsland.html
@@ -34,6 +34,7 @@
   </div><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="300" viewBox="0 0 640 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/penguinFacetDodgeSymbol.html b/test/output/penguinFacetDodgeSymbol.html
index f03ff87ab4..c27e358e72 100644
--- a/test/output/penguinFacetDodgeSymbol.html
+++ b/test/output/penguinFacetDodgeSymbol.html
@@ -34,6 +34,7 @@
   </div><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/penguinHexbinColorExplicit.svg b/test/output/penguinHexbinColorExplicit.svg
index e12a5caac4..6deb669880 100644
--- a/test/output/penguinHexbinColorExplicit.svg
+++ b/test/output/penguinHexbinColorExplicit.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinIslandUnknown.svg b/test/output/penguinIslandUnknown.svg
index ae7ca838a3..f3056ec56e 100644
--- a/test/output/penguinIslandUnknown.svg
+++ b/test/output/penguinIslandUnknown.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinMass.svg b/test/output/penguinMass.svg
index f249db89a9..d571e480da 100644
--- a/test/output/penguinMass.svg
+++ b/test/output/penguinMass.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinMassSex.svg b/test/output/penguinMassSex.svg
index a2aa020298..4f415a6662 100644
--- a/test/output/penguinMassSex.svg
+++ b/test/output/penguinMassSex.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="480" viewBox="0 0 640 480" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinMassSexSpecies.svg b/test/output/penguinMassSexSpecies.svg
index 2c4a0425b8..d4bd900b2e 100644
--- a/test/output/penguinMassSexSpecies.svg
+++ b/test/output/penguinMassSexSpecies.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="510" viewBox="0 0 640 510" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinMassSpecies.svg b/test/output/penguinMassSpecies.svg
index 3f778968bd..01dbbed9c8 100644
--- a/test/output/penguinMassSpecies.svg
+++ b/test/output/penguinMassSpecies.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinNA1.svg b/test/output/penguinNA1.svg
index 027c8b6a1b..4ece1cf00a 100644
--- a/test/output/penguinNA1.svg
+++ b/test/output/penguinNA1.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinNA2.svg b/test/output/penguinNA2.svg
index 0a1d0b6ca9..f611645afb 100644
--- a/test/output/penguinNA2.svg
+++ b/test/output/penguinNA2.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinNA3.svg b/test/output/penguinNA3.svg
index 41e0266cf5..125ea61072 100644
--- a/test/output/penguinNA3.svg
+++ b/test/output/penguinNA3.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinQuantileEmpty.svg b/test/output/penguinQuantileEmpty.svg
index 71a47053ec..d99a4a0a43 100644
--- a/test/output/penguinQuantileEmpty.svg
+++ b/test/output/penguinQuantileEmpty.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinQuantileUnknown.html b/test/output/penguinQuantileUnknown.html
index 696e996e15..e8b809ea5b 100644
--- a/test/output/penguinQuantileUnknown.html
+++ b/test/output/penguinQuantileUnknown.html
@@ -41,6 +41,7 @@
   </svg><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/penguinSex.svg b/test/output/penguinSex.svg
index 31842ea129..ade9143715 100644
--- a/test/output/penguinSex.svg
+++ b/test/output/penguinSex.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinSexMassCulmenSpecies.svg b/test/output/penguinSexMassCulmenSpecies.svg
index 94c9807799..6265ab1f1a 100644
--- a/test/output/penguinSexMassCulmenSpecies.svg
+++ b/test/output/penguinSexMassCulmenSpecies.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="320" viewBox="0 0 640 320" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinSizeSymbols.html b/test/output/penguinSizeSymbols.html
index 44beaba11d..5d350efe8b 100644
--- a/test/output/penguinSizeSymbols.html
+++ b/test/output/penguinSizeSymbols.html
@@ -34,6 +34,7 @@
   </div><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/penguinSpeciesCheysson.html b/test/output/penguinSpeciesCheysson.html
index 444533a446..b641f391be 100644
--- a/test/output/penguinSpeciesCheysson.html
+++ b/test/output/penguinSpeciesCheysson.html
@@ -34,6 +34,7 @@
   </div><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/penguinSpeciesGradient.svg b/test/output/penguinSpeciesGradient.svg
index f0cc786731..a169a1ae06 100644
--- a/test/output/penguinSpeciesGradient.svg
+++ b/test/output/penguinSpeciesGradient.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinSpeciesGroup.svg b/test/output/penguinSpeciesGroup.svg
index 047554b55d..b4ebb621d6 100644
--- a/test/output/penguinSpeciesGroup.svg
+++ b/test/output/penguinSpeciesGroup.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinSpeciesIsland.svg b/test/output/penguinSpeciesIsland.svg
index 6c3925c229..8ac84920da 100644
--- a/test/output/penguinSpeciesIsland.svg
+++ b/test/output/penguinSpeciesIsland.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinSpeciesIslandRelative.svg b/test/output/penguinSpeciesIslandRelative.svg
index 3e49d22648..bacf521393 100644
--- a/test/output/penguinSpeciesIslandRelative.svg
+++ b/test/output/penguinSpeciesIslandRelative.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="430" viewBox="0 0 640 430" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinSpeciesIslandSex.svg b/test/output/penguinSpeciesIslandSex.svg
index ac7d6a60ef..43725b6f01 100644
--- a/test/output/penguinSpeciesIslandSex.svg
+++ b/test/output/penguinSpeciesIslandSex.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="430" viewBox="0 0 640 430" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/penguinVoronoi1D.svg b/test/output/penguinVoronoi1D.svg
index bf4e8e568e..ccd616b192 100644
--- a/test/output/penguinVoronoi1D.svg
+++ b/test/output/penguinVoronoi1D.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/polylinear.svg b/test/output/polylinear.svg
index 80281ffd05..111830181b 100644
--- a/test/output/polylinear.svg
+++ b/test/output/polylinear.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="90" viewBox="0 0 640 90" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/populationByLatitude.svg b/test/output/populationByLatitude.svg
index 85a88c36be..663b103fa2 100644
--- a/test/output/populationByLatitude.svg
+++ b/test/output/populationByLatitude.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="321" viewBox="0 0 640 321" style="overflow: visible;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/populationByLongitude.svg b/test/output/populationByLongitude.svg
index 5d66164945..88a418d208 100644
--- a/test/output/populationByLongitude.svg
+++ b/test/output/populationByLongitude.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="321" viewBox="0 0 640 321" style="overflow: visible;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/projectionBleedEdges.svg b/test/output/projectionBleedEdges.svg
index c43332a6f0..1b18b718c3 100644
--- a/test/output/projectionBleedEdges.svg
+++ b/test/output/projectionBleedEdges.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="600" height="600" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/projectionBleedEdges2.svg b/test/output/projectionBleedEdges2.svg
index 35f390b43e..b0dadea708 100644
--- a/test/output/projectionBleedEdges2.svg
+++ b/test/output/projectionBleedEdges2.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="600" height="600" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/projectionClipAngle.svg b/test/output/projectionClipAngle.svg
index 06d4993b54..122f3a4305 100644
--- a/test/output/projectionClipAngle.svg
+++ b/test/output/projectionClipAngle.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="600" height="600" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/projectionClipAngleFrame.svg b/test/output/projectionClipAngleFrame.svg
index f3e0c4aad2..9442446cc7 100644
--- a/test/output/projectionClipAngleFrame.svg
+++ b/test/output/projectionClipAngleFrame.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="600" height="600" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/projectionClipBerghaus.svg b/test/output/projectionClipBerghaus.svg
index 34c1fdec0c..4878f6c6de 100644
--- a/test/output/projectionClipBerghaus.svg
+++ b/test/output/projectionClipBerghaus.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="600" height="600" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/projectionFitAntarctica.svg b/test/output/projectionFitAntarctica.svg
index 74cf0fea6f..f032b17cdb 100644
--- a/test/output/projectionFitAntarctica.svg
+++ b/test/output/projectionFitAntarctica.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="600" height="600" viewBox="0 0 600 600" style="overflow: visible;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/projectionFitBertin1953.svg b/test/output/projectionFitBertin1953.svg
index 8ab98976f5..c7c7449cbf 100644
--- a/test/output/projectionFitBertin1953.svg
+++ b/test/output/projectionFitBertin1953.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="302" viewBox="0 0 960 302" style="border: 1px solid blue;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/projectionFitConic.svg b/test/output/projectionFitConic.svg
index 023edc1dec..80bc48edf2 100644
--- a/test/output/projectionFitConic.svg
+++ b/test/output/projectionFitConic.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/projectionFitIdentity.svg b/test/output/projectionFitIdentity.svg
index d340a286e1..9415507d60 100644
--- a/test/output/projectionFitIdentity.svg
+++ b/test/output/projectionFitIdentity.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/projectionFitUsAlbers.svg b/test/output/projectionFitUsAlbers.svg
index 3c2a36da5c..99aa6a5276 100644
--- a/test/output/projectionFitUsAlbers.svg
+++ b/test/output/projectionFitUsAlbers.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="600" viewBox="0 0 960 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/projectionHeightAlbers.svg b/test/output/projectionHeightAlbers.svg
index 84869fac22..707bdaeeec 100644
--- a/test/output/projectionHeightAlbers.svg
+++ b/test/output/projectionHeightAlbers.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="401" viewBox="0 0 640 401" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/projectionHeightEqualEarth.svg b/test/output/projectionHeightEqualEarth.svg
index fb9f71b1b7..ffb45b7764 100644
--- a/test/output/projectionHeightEqualEarth.svg
+++ b/test/output/projectionHeightEqualEarth.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="169" viewBox="0 0 640 169" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/projectionHeightGeometry.svg b/test/output/projectionHeightGeometry.svg
index 4724ca542d..6bb5773940 100644
--- a/test/output/projectionHeightGeometry.svg
+++ b/test/output/projectionHeightGeometry.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="817" viewBox="0 0 640 817" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/projectionHeightMercator.svg b/test/output/projectionHeightMercator.svg
index ba3f28c7c1..0b2b9fac43 100644
--- a/test/output/projectionHeightMercator.svg
+++ b/test/output/projectionHeightMercator.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="1298" viewBox="0 0 640 1298" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/projectionHeightOrthographic.svg b/test/output/projectionHeightOrthographic.svg
index f098669885..9e2ad5a142 100644
--- a/test/output/projectionHeightOrthographic.svg
+++ b/test/output/projectionHeightOrthographic.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="630" viewBox="0 0 640 630" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/randomBins.svg b/test/output/randomBins.svg
index 5f347ec536..22257e017f 100644
--- a/test/output/randomBins.svg
+++ b/test/output/randomBins.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/randomBinsXY.svg b/test/output/randomBinsXY.svg
index 8437d55a4f..6f3293b540 100644
--- a/test/output/randomBinsXY.svg
+++ b/test/output/randomBinsXY.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/randomQuantile.svg b/test/output/randomQuantile.svg
index 4fadd24b68..19c36deb0b 100644
--- a/test/output/randomQuantile.svg
+++ b/test/output/randomQuantile.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/randomWalk.svg b/test/output/randomWalk.svg
index 90c116f4c0..f641a8fa12 100644
--- a/test/output/randomWalk.svg
+++ b/test/output/randomWalk.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/rasterCa55Barycentric.svg b/test/output/rasterCa55Barycentric.svg
index e5365ed228..21d605a5fa 100644
--- a/test/output/rasterCa55Barycentric.svg
+++ b/test/output/rasterCa55Barycentric.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="484" viewBox="0 0 640 484" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/rasterCa55Color.svg b/test/output/rasterCa55Color.svg
index 6733d9f24f..f815fc8d89 100644
--- a/test/output/rasterCa55Color.svg
+++ b/test/output/rasterCa55Color.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="484" viewBox="0 0 640 484" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/rasterCa55Nearest.svg b/test/output/rasterCa55Nearest.svg
index deccd319e1..eddca8bf24 100644
--- a/test/output/rasterCa55Nearest.svg
+++ b/test/output/rasterCa55Nearest.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="484" viewBox="0 0 640 484" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/rasterCa55None.svg b/test/output/rasterCa55None.svg
index 8549cce892..6ed36a6ca0 100644
--- a/test/output/rasterCa55None.svg
+++ b/test/output/rasterCa55None.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="484" viewBox="0 0 640 484" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/rasterCa55RandomWalk.svg b/test/output/rasterCa55RandomWalk.svg
index 8af273ce6b..0be275708b 100644
--- a/test/output/rasterCa55RandomWalk.svg
+++ b/test/output/rasterCa55RandomWalk.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="484" viewBox="0 0 640 484" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/rasterPenguinsBarycentric.svg b/test/output/rasterPenguinsBarycentric.svg
index e772e15ae5..67eeb1c9bb 100644
--- a/test/output/rasterPenguinsBarycentric.svg
+++ b/test/output/rasterPenguinsBarycentric.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/rasterPenguinsBlur.svg b/test/output/rasterPenguinsBlur.svg
index 857b811961..089974381c 100644
--- a/test/output/rasterPenguinsBlur.svg
+++ b/test/output/rasterPenguinsBlur.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/rasterPenguinsRandomWalk.svg b/test/output/rasterPenguinsRandomWalk.svg
index 9247d9478f..9ecba0ead2 100644
--- a/test/output/rasterPenguinsRandomWalk.svg
+++ b/test/output/rasterPenguinsRandomWalk.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/rasterVapor.svg b/test/output/rasterVapor.svg
index ee407e5fb1..985f3bfd36 100644
--- a/test/output/rasterVapor.svg
+++ b/test/output/rasterVapor.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/rasterVapor2.html b/test/output/rasterVapor2.html
index 7218e7cb2f..260f103b0c 100644
--- a/test/output/rasterVapor2.html
+++ b/test/output/rasterVapor2.html
@@ -34,6 +34,7 @@
   </svg><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/rasterVaporEqualEarth.svg b/test/output/rasterVaporEqualEarth.svg
index 6884b21141..924f455a8e 100644
--- a/test/output/rasterVaporEqualEarth.svg
+++ b/test/output/rasterVaporEqualEarth.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="312" viewBox="0 0 640 312" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/rasterVaporEqualEarthBarycentric.svg b/test/output/rasterVaporEqualEarthBarycentric.svg
index 63af268c53..37051e7005 100644
--- a/test/output/rasterVaporEqualEarthBarycentric.svg
+++ b/test/output/rasterVaporEqualEarthBarycentric.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="312" viewBox="0 0 640 312" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/rasterVaporPeters.svg b/test/output/rasterVaporPeters.svg
index 947b300aba..2063715a7b 100644
--- a/test/output/rasterVaporPeters.svg
+++ b/test/output/rasterVaporPeters.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="815" height="520" viewBox="0 0 815 520" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/rasterWalmartBarycentric.svg b/test/output/rasterWalmartBarycentric.svg
index 40843850e4..c2dbab0524 100644
--- a/test/output/rasterWalmartBarycentric.svg
+++ b/test/output/rasterWalmartBarycentric.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="401" viewBox="0 0 640 401" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/rasterWalmartBarycentricOpacity.svg b/test/output/rasterWalmartBarycentricOpacity.svg
index 121d19fda5..fe1ab1b1b0 100644
--- a/test/output/rasterWalmartBarycentricOpacity.svg
+++ b/test/output/rasterWalmartBarycentricOpacity.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="401" viewBox="0 0 640 401" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/rasterWalmartRandomWalk.svg b/test/output/rasterWalmartRandomWalk.svg
index 403b83541d..d893f75b20 100644
--- a/test/output/rasterWalmartRandomWalk.svg
+++ b/test/output/rasterWalmartRandomWalk.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="401" viewBox="0 0 640 401" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/rasterWalmartWalkOpacity.svg b/test/output/rasterWalmartWalkOpacity.svg
index 98007541ef..c435803885 100644
--- a/test/output/rasterWalmartWalkOpacity.svg
+++ b/test/output/rasterWalmartWalkOpacity.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="401" viewBox="0 0 640 401" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/rectBand.svg b/test/output/rectBand.svg
index aaa268566a..0124108fa4 100644
--- a/test/output/rectBand.svg
+++ b/test/output/rectBand.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="120" viewBox="0 0 640 120" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/reducerScaleOverrideFunction.svg b/test/output/reducerScaleOverrideFunction.svg
index 9ac986088c..4e0f9ed224 100644
--- a/test/output/reducerScaleOverrideFunction.svg
+++ b/test/output/reducerScaleOverrideFunction.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="480" viewBox="0 0 640 480" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/reducerScaleOverrideImplementation.svg b/test/output/reducerScaleOverrideImplementation.svg
index 9ac986088c..4e0f9ed224 100644
--- a/test/output/reducerScaleOverrideImplementation.svg
+++ b/test/output/reducerScaleOverrideImplementation.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="480" viewBox="0 0 640 480" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/reducerScaleOverrideName.svg b/test/output/reducerScaleOverrideName.svg
index 9ac986088c..4e0f9ed224 100644
--- a/test/output/reducerScaleOverrideName.svg
+++ b/test/output/reducerScaleOverrideName.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="480" viewBox="0 0 640 480" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/seattlePrecipitationDensity.svg b/test/output/seattlePrecipitationDensity.svg
index ad7e8b4003..e3f97f667a 100644
--- a/test/output/seattlePrecipitationDensity.svg
+++ b/test/output/seattlePrecipitationDensity.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/seattlePrecipitationRule.svg b/test/output/seattlePrecipitationRule.svg
index a52b3abdeb..f71868f4e0 100644
--- a/test/output/seattlePrecipitationRule.svg
+++ b/test/output/seattlePrecipitationRule.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/seattlePrecipitationSum.svg b/test/output/seattlePrecipitationSum.svg
index da1ba4e15b..c63ed541c9 100644
--- a/test/output/seattlePrecipitationSum.svg
+++ b/test/output/seattlePrecipitationSum.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/seattleTemperatureAmplitude.html b/test/output/seattleTemperatureAmplitude.html
index 4d19fbc628..dbf90555fe 100644
--- a/test/output/seattleTemperatureAmplitude.html
+++ b/test/output/seattleTemperatureAmplitude.html
@@ -42,6 +42,7 @@
   </svg><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="441.5" viewBox="0 0 640 441.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/seattleTemperatureBand.svg b/test/output/seattleTemperatureBand.svg
index 1825f09ff6..2995bf637e 100644
--- a/test/output/seattleTemperatureBand.svg
+++ b/test/output/seattleTemperatureBand.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/seattleTemperatureCell.svg b/test/output/seattleTemperatureCell.svg
index b6b56fb23e..4b0ec28839 100644
--- a/test/output/seattleTemperatureCell.svg
+++ b/test/output/seattleTemperatureCell.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="300" viewBox="0 0 640 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/sfCovidDeaths.svg b/test/output/sfCovidDeaths.svg
index f2561f7cfa..2ddabcc13d 100644
--- a/test/output/sfCovidDeaths.svg
+++ b/test/output/sfCovidDeaths.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/sfTemperatureBand.svg b/test/output/sfTemperatureBand.svg
index fe44d553b6..2dbc135be3 100644
--- a/test/output/sfTemperatureBand.svg
+++ b/test/output/sfTemperatureBand.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="400" viewBox="0 0 960 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/sfTemperatureBandArea.svg b/test/output/sfTemperatureBandArea.svg
index 8d3134ecc4..825e44e9ba 100644
--- a/test/output/sfTemperatureBandArea.svg
+++ b/test/output/sfTemperatureBandArea.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="400" viewBox="0 0 960 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/shorthandArea.svg b/test/output/shorthandArea.svg
index 7b4499027c..3dffff3152 100644
--- a/test/output/shorthandArea.svg
+++ b/test/output/shorthandArea.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/shorthandAreaY.svg b/test/output/shorthandAreaY.svg
index fc597a6412..5b7d104b83 100644
--- a/test/output/shorthandAreaY.svg
+++ b/test/output/shorthandAreaY.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/shorthandBarY.svg b/test/output/shorthandBarY.svg
index 47ef1e2d0a..60b79a6fe1 100644
--- a/test/output/shorthandBarY.svg
+++ b/test/output/shorthandBarY.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/shorthandBinRectY.svg b/test/output/shorthandBinRectY.svg
index 76acd988cb..8bdab40be6 100644
--- a/test/output/shorthandBinRectY.svg
+++ b/test/output/shorthandBinRectY.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/shorthandBoxX.svg b/test/output/shorthandBoxX.svg
index ae8a1e3660..5293fe0069 100644
--- a/test/output/shorthandBoxX.svg
+++ b/test/output/shorthandBoxX.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/shorthandCell.svg b/test/output/shorthandCell.svg
index 4a4feb5454..b5c98f895f 100644
--- a/test/output/shorthandCell.svg
+++ b/test/output/shorthandCell.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="200" viewBox="0 0 640 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/shorthandCellX.svg b/test/output/shorthandCellX.svg
index 010c9ee459..87dce2f8a6 100644
--- a/test/output/shorthandCellX.svg
+++ b/test/output/shorthandCellX.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/shorthandDot.svg b/test/output/shorthandDot.svg
index 5db3328346..7a7551c46d 100644
--- a/test/output/shorthandDot.svg
+++ b/test/output/shorthandDot.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/shorthandDotX.svg b/test/output/shorthandDotX.svg
index 7f4ba7bd84..fbcdd8ee78 100644
--- a/test/output/shorthandDotX.svg
+++ b/test/output/shorthandDotX.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/shorthandGroupBarY.svg b/test/output/shorthandGroupBarY.svg
index 55751e6722..7c63b60ae2 100644
--- a/test/output/shorthandGroupBarY.svg
+++ b/test/output/shorthandGroupBarY.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/shorthandLine.svg b/test/output/shorthandLine.svg
index a7a5579ccf..afa00667c3 100644
--- a/test/output/shorthandLine.svg
+++ b/test/output/shorthandLine.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/shorthandLineY.svg b/test/output/shorthandLineY.svg
index 57292dce83..f44e182ce0 100644
--- a/test/output/shorthandLineY.svg
+++ b/test/output/shorthandLineY.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/shorthandRectY.svg b/test/output/shorthandRectY.svg
index 08101aa670..33277826ac 100644
--- a/test/output/shorthandRectY.svg
+++ b/test/output/shorthandRectY.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/shorthandRuleX.svg b/test/output/shorthandRuleX.svg
index 21a654956e..0aa455a138 100644
--- a/test/output/shorthandRuleX.svg
+++ b/test/output/shorthandRuleX.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/shorthandText.svg b/test/output/shorthandText.svg
index 59d7ba6583..ef4346a48d 100644
--- a/test/output/shorthandText.svg
+++ b/test/output/shorthandText.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/shorthandTextX.svg b/test/output/shorthandTextX.svg
index 1392210ac6..500dd68205 100644
--- a/test/output/shorthandTextX.svg
+++ b/test/output/shorthandTextX.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/shorthandTickX.svg b/test/output/shorthandTickX.svg
index c2e811d232..9ee048f90d 100644
--- a/test/output/shorthandTickX.svg
+++ b/test/output/shorthandTickX.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/shorthandVector.svg b/test/output/shorthandVector.svg
index d5b0cc1872..fe81991e6a 100644
--- a/test/output/shorthandVector.svg
+++ b/test/output/shorthandVector.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/shorthandVectorX.svg b/test/output/shorthandVectorX.svg
index b77bd7c9cc..88e44d85fd 100644
--- a/test/output/shorthandVectorX.svg
+++ b/test/output/shorthandVectorX.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/simpsonsRatings.svg b/test/output/simpsonsRatings.svg
index 37306b5f78..94cc3e54fd 100644
--- a/test/output/simpsonsRatings.svg
+++ b/test/output/simpsonsRatings.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/simpsonsRatingsDots.svg b/test/output/simpsonsRatingsDots.svg
index 98bce16839..ff3da29efb 100644
--- a/test/output/simpsonsRatingsDots.svg
+++ b/test/output/simpsonsRatingsDots.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/simpsonsViews.html b/test/output/simpsonsViews.html
index 944c4cc59e..3199db9af8 100644
--- a/test/output/simpsonsViews.html
+++ b/test/output/simpsonsViews.html
@@ -46,6 +46,7 @@
   </svg><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/singleValueBar.svg b/test/output/singleValueBar.svg
index c4b832fa96..254f9671d9 100644
--- a/test/output/singleValueBar.svg
+++ b/test/output/singleValueBar.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/singleValueBin.svg b/test/output/singleValueBin.svg
index ffe91fec61..afb8466be4 100644
--- a/test/output/singleValueBin.svg
+++ b/test/output/singleValueBin.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/softwareVersions.svg b/test/output/softwareVersions.svg
index 6e78456cca..92179db22f 100644
--- a/test/output/softwareVersions.svg
+++ b/test/output/softwareVersions.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/sparseCell.svg b/test/output/sparseCell.svg
index af89e00ff8..034c3505f1 100644
--- a/test/output/sparseCell.svg
+++ b/test/output/sparseCell.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/stackedBar.svg b/test/output/stackedBar.svg
index 41d40b4673..56f024b66e 100644
--- a/test/output/stackedBar.svg
+++ b/test/output/stackedBar.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/stackedRect.svg b/test/output/stackedRect.svg
index 79db92fc84..344d166bfb 100644
--- a/test/output/stackedRect.svg
+++ b/test/output/stackedRect.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/stargazers.svg b/test/output/stargazers.svg
index cc62439b0a..89c7cbb255 100644
--- a/test/output/stargazers.svg
+++ b/test/output/stargazers.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/stargazersBinned.svg b/test/output/stargazersBinned.svg
index f26c9663ae..6dcd1980a6 100644
--- a/test/output/stargazersBinned.svg
+++ b/test/output/stargazersBinned.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/stargazersHourly.svg b/test/output/stargazersHourly.svg
index 0c8b80fb52..dd6d5738e8 100644
--- a/test/output/stargazersHourly.svg
+++ b/test/output/stargazersHourly.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/stargazersHourlyGroup.svg b/test/output/stargazersHourlyGroup.svg
index 9213185f5b..ec172f444c 100644
--- a/test/output/stargazersHourlyGroup.svg
+++ b/test/output/stargazersHourlyGroup.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/stocksIndex.svg b/test/output/stocksIndex.svg
index c03e1726b6..0a292e9877 100644
--- a/test/output/stocksIndex.svg
+++ b/test/output/stocksIndex.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" style="overflow: visible;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/textOverflow.svg b/test/output/textOverflow.svg
index deb7d202f3..d8fef6c681 100644
--- a/test/output/textOverflow.svg
+++ b/test/output/textOverflow.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="800" height="830" viewBox="0 0 800 830" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/textOverflowClip.svg b/test/output/textOverflowClip.svg
index d59fe6926e..915396231f 100644
--- a/test/output/textOverflowClip.svg
+++ b/test/output/textOverflowClip.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="500" height="730" viewBox="0 0 500 730" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/textOverflowEllipsis.svg b/test/output/textOverflowEllipsis.svg
index c96c410c13..b0857d2064 100644
--- a/test/output/textOverflowEllipsis.svg
+++ b/test/output/textOverflowEllipsis.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="500" height="730" viewBox="0 0 500 730" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/textOverflowMonospace.svg b/test/output/textOverflowMonospace.svg
index f296a9ae89..cf608ba0cb 100644
--- a/test/output/textOverflowMonospace.svg
+++ b/test/output/textOverflowMonospace.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="500" height="730" viewBox="0 0 500 730" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/textOverflowNone.svg b/test/output/textOverflowNone.svg
index c26655a4ce..f2ed7b18f6 100644
--- a/test/output/textOverflowNone.svg
+++ b/test/output/textOverflowNone.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="500" height="1100" viewBox="0 0 500 1100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/thisIsJustToSay.svg b/test/output/thisIsJustToSay.svg
index c16aab66e1..23617f55f5 100644
--- a/test/output/thisIsJustToSay.svg
+++ b/test/output/thisIsJustToSay.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="200" viewBox="0 0 640 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/trafficHorizon.html b/test/output/trafficHorizon.html
index 7b6d238ea8..52d1d04f68 100644
--- a/test/output/trafficHorizon.html
+++ b/test/output/trafficHorizon.html
@@ -38,6 +38,7 @@
   </div><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="1100" viewBox="0 0 960 1100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/travelersCovidDrop.svg b/test/output/travelersCovidDrop.svg
index 512d174370..66b6abc2d2 100644
--- a/test/output/travelersCovidDrop.svg
+++ b/test/output/travelersCovidDrop.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="400" viewBox="0 0 960 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/travelersYearOverYear.svg b/test/output/travelersYearOverYear.svg
index 5e74447939..901b122da0 100644
--- a/test/output/travelersYearOverYear.svg
+++ b/test/output/travelersYearOverYear.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/uniformRandomDifference.svg b/test/output/uniformRandomDifference.svg
index cea629e0ad..cfc556f74c 100644
--- a/test/output/uniformRandomDifference.svg
+++ b/test/output/uniformRandomDifference.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/untypedDateBin.svg b/test/output/untypedDateBin.svg
index 5c5caf94df..5455f8248f 100644
--- a/test/output/untypedDateBin.svg
+++ b/test/output/untypedDateBin.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/usCongressAge.svg b/test/output/usCongressAge.svg
index 80138c1e2f..79398f1c48 100644
--- a/test/output/usCongressAge.svg
+++ b/test/output/usCongressAge.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="300" viewBox="0 0 640 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/usCongressAgeColorExplicit.svg b/test/output/usCongressAgeColorExplicit.svg
index 6a555cabb0..c055128ed1 100644
--- a/test/output/usCongressAgeColorExplicit.svg
+++ b/test/output/usCongressAgeColorExplicit.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="300" viewBox="0 0 640 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/usCongressAgeGender.svg b/test/output/usCongressAgeGender.svg
index e27bcdf3a8..41be8fc55b 100644
--- a/test/output/usCongressAgeGender.svg
+++ b/test/output/usCongressAgeGender.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="300" viewBox="0 0 640 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/usCongressAgeSymbolExplicit.svg b/test/output/usCongressAgeSymbolExplicit.svg
index 111786cfc7..0888b91589 100644
--- a/test/output/usCongressAgeSymbolExplicit.svg
+++ b/test/output/usCongressAgeSymbolExplicit.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="300" viewBox="0 0 640 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/usCountyChoropleth.html b/test/output/usCountyChoropleth.html
index 7f76e27f9e..1531d85c7e 100644
--- a/test/output/usCountyChoropleth.html
+++ b/test/output/usCountyChoropleth.html
@@ -61,6 +61,7 @@
   </svg><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="600" viewBox="0 0 960 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/usCountySpikes.svg b/test/output/usCountySpikes.svg
index 8ff813a461..ae4d693618 100644
--- a/test/output/usCountySpikes.svg
+++ b/test/output/usCountySpikes.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="600" viewBox="0 0 960 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/usPopulationStateAge.svg b/test/output/usPopulationStateAge.svg
index 1840e97f57..19ce0179c8 100644
--- a/test/output/usPopulationStateAge.svg
+++ b/test/output/usPopulationStateAge.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="240" viewBox="0 0 640 240" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/usPopulationStateAgeDots.svg b/test/output/usPopulationStateAgeDots.svg
index ade63c7599..76472602c5 100644
--- a/test/output/usPopulationStateAgeDots.svg
+++ b/test/output/usPopulationStateAgeDots.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="660" viewBox="0 0 640 660" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/usPopulationStateAgeGrouped.svg b/test/output/usPopulationStateAgeGrouped.svg
index 1f77af7278..3ccd9905df 100644
--- a/test/output/usPopulationStateAgeGrouped.svg
+++ b/test/output/usPopulationStateAgeGrouped.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="430" viewBox="0 0 640 430" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/usPresidentFavorabilityDots.svg b/test/output/usPresidentFavorabilityDots.svg
index f3e95c67c7..b5affeb357 100644
--- a/test/output/usPresidentFavorabilityDots.svg
+++ b/test/output/usPresidentFavorabilityDots.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="600" viewBox="0 0 960 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/usPresidentGallery.svg b/test/output/usPresidentGallery.svg
index 0dc7f59ea6..1ee7b9a794 100644
--- a/test/output/usPresidentGallery.svg
+++ b/test/output/usPresidentGallery.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="300" viewBox="0 0 960 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/usPresidentGalleryAlt.svg b/test/output/usPresidentGalleryAlt.svg
index bd8b2fb9ef..f5b9e466c9 100644
--- a/test/output/usPresidentGalleryAlt.svg
+++ b/test/output/usPresidentGalleryAlt.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="300" viewBox="0 0 960 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/usPresidentialElection2020.svg b/test/output/usPresidentialElection2020.svg
index 1138cfa432..6359c12c5e 100644
--- a/test/output/usPresidentialElection2020.svg
+++ b/test/output/usPresidentialElection2020.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="640" viewBox="0 0 960 640" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/usPresidentialElectionMap2020.svg b/test/output/usPresidentialElectionMap2020.svg
index 49d89672ff..88094de8f6 100644
--- a/test/output/usPresidentialElectionMap2020.svg
+++ b/test/output/usPresidentialElectionMap2020.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="600" viewBox="0 0 960 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/usPresidentialForecast2016.svg b/test/output/usPresidentialForecast2016.svg
index da14696e2f..8fbc7b5ec0 100644
--- a/test/output/usPresidentialForecast2016.svg
+++ b/test/output/usPresidentialForecast2016.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/usRetailSales.svg b/test/output/usRetailSales.svg
index 104964a749..88229ab515 100644
--- a/test/output/usRetailSales.svg
+++ b/test/output/usRetailSales.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/usStateCapitals.svg b/test/output/usStateCapitals.svg
index 32630bd216..ad7785b0f4 100644
--- a/test/output/usStateCapitals.svg
+++ b/test/output/usStateCapitals.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="600" viewBox="0 0 960 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/usStateCapitalsVoronoi.svg b/test/output/usStateCapitalsVoronoi.svg
index 7b1bcd420a..fd1ea8dfa5 100644
--- a/test/output/usStateCapitalsVoronoi.svg
+++ b/test/output/usStateCapitalsVoronoi.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/usStatePopulationChange.svg b/test/output/usStatePopulationChange.svg
index bf3869b958..e078a076c6 100644
--- a/test/output/usStatePopulationChange.svg
+++ b/test/output/usStatePopulationChange.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="800" viewBox="0 0 640 800" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/vectorField.svg b/test/output/vectorField.svg
index 28c1c9822c..7149f2f3f4 100644
--- a/test/output/vectorField.svg
+++ b/test/output/vectorField.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="600" viewBox="0 0 640 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/vectorFrame.svg b/test/output/vectorFrame.svg
index 223d40148e..74215c3028 100644
--- a/test/output/vectorFrame.svg
+++ b/test/output/vectorFrame.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/volcano.svg b/test/output/volcano.svg
index 2838656ae1..6728800246 100644
--- a/test/output/volcano.svg
+++ b/test/output/volcano.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/volcanoContour.svg b/test/output/volcanoContour.svg
index ad5f27e07d..ac8d0a5094 100644
--- a/test/output/volcanoContour.svg
+++ b/test/output/volcanoContour.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/volcanoTerrain.svg b/test/output/volcanoTerrain.svg
index d25b53f452..fe54233849 100644
--- a/test/output/volcanoTerrain.svg
+++ b/test/output/volcanoTerrain.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/walmarts.html b/test/output/walmarts.html
index c3354ecb31..e131be8114 100644
--- a/test/output/walmarts.html
+++ b/test/output/walmarts.html
@@ -35,6 +35,7 @@
   </svg><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="600" viewBox="0 0 960 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
+        --plot-background: white;
         display: block;
         height: auto;
         height: intrinsic;
diff --git a/test/output/walmartsDecades.svg b/test/output/walmartsDecades.svg
index 3f8a04ccd7..71898063af 100644
--- a/test/output/walmartsDecades.svg
+++ b/test/output/walmartsDecades.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="150" viewBox="0 0 960 150" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/walmartsDensity.svg b/test/output/walmartsDensity.svg
index 4e579d0955..aeb5d131ef 100644
--- a/test/output/walmartsDensity.svg
+++ b/test/output/walmartsDensity.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="600" viewBox="0 0 960 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/walmartsDensityUnprojected.svg b/test/output/walmartsDensityUnprojected.svg
index 6b8b9d14ed..3a49b3f94a 100644
--- a/test/output/walmartsDensityUnprojected.svg
+++ b/test/output/walmartsDensityUnprojected.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="960" height="600" viewBox="0 0 960 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/wealthBritainBar.svg b/test/output/wealthBritainBar.svg
index b82297e921..f4baf10b96 100644
--- a/test/output/wealthBritainBar.svg
+++ b/test/output/wealthBritainBar.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="60" viewBox="0 0 640 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/wealthBritainProportionPlot.svg b/test/output/wealthBritainProportionPlot.svg
index 60e6853cc0..60c730ad48 100644
--- a/test/output/wealthBritainProportionPlot.svg
+++ b/test/output/wealthBritainProportionPlot.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/wordCloud.svg b/test/output/wordCloud.svg
index 4927d25af6..2df8a3d9e0 100644
--- a/test/output/wordCloud.svg
+++ b/test/output/wordCloud.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/wordLengthMobyDick.svg b/test/output/wordLengthMobyDick.svg
index 131c1a9c24..0e6911caa1 100644
--- a/test/output/wordLengthMobyDick.svg
+++ b/test/output/wordLengthMobyDick.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/yearlyRequests.svg b/test/output/yearlyRequests.svg
index 29cc2ed65c..94d5a6625d 100644
--- a/test/output/yearlyRequests.svg
+++ b/test/output/yearlyRequests.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/yearlyRequestsDot.svg b/test/output/yearlyRequestsDot.svg
index 12883e8f46..3f3e12cf52 100644
--- a/test/output/yearlyRequestsDot.svg
+++ b/test/output/yearlyRequestsDot.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;
diff --git a/test/output/yearlyRequestsLine.svg b/test/output/yearlyRequestsLine.svg
index 45e2eb31fe..827cf7ac5f 100644
--- a/test/output/yearlyRequestsLine.svg
+++ b/test/output/yearlyRequestsLine.svg
@@ -1,6 +1,7 @@
 <svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <style>
     .plot {
+      --plot-background: white;
       display: block;
       height: auto;
       height: intrinsic;