observablehq · Fil · Mar 20, 2026 · Mar 19, 2026 · Mar 19, 2026 · Mar 19, 2026
diff --git a/src/marks/box.js b/src/marks/box.js
@@ -16,7 +16,7 @@ export function boxX(
     x = identity,
     y = null,
     r,
-    fill = "#ccc",
+    fill = "color-mix(in srgb, currentColor 20%, var(--plot-background))",
     fillOpacity,
     stroke = "currentColor",
     strokeOpacity,
@@ -42,7 +42,7 @@ export function boxY(
     y = identity,
     x = null,
     r,
-    fill = "#ccc",
+    fill = "color-mix(in srgb, currentColor 20%, var(--plot-background))",
     fillOpacity,
     stroke = "currentColor",
     strokeOpacity,

diff --git a/src/transforms/tree.js b/src/transforms/tree.js
@@ -65,7 +65,7 @@ export function treeLink({
   path = identity, // the delimited path
   delimiter, // how the path is separated
   curve = "bump-x",
-  stroke = "#555",
+  stroke = "color-mix(in srgb, currentColor 33%, var(--plot-background))",
   strokeWidth = 1.5,
   strokeOpacity = 0.5,
   treeLayout = tree,

diff --git a/test/output/boxplot.svg b/test/output/boxplot.svg
diff --git a/test/output/boxplotFacetInterval.svg b/test/output/boxplotFacetInterval.svg
diff --git a/test/output/boxplotFacetNegativeInterval.svg b/test/output/boxplotFacetNegativeInterval.svg
diff --git a/test/output/diamondsBoxplot.svg b/test/output/diamondsBoxplot.svg
diff --git a/test/output/internFacetNaN.svg b/test/output/internFacetNaN.svg
diff --git a/test/output/morleyBoxplot.svg b/test/output/morleyBoxplot.svg
diff --git a/test/output/shorthandBoxX.svg b/test/output/shorthandBoxX.svg