diff --git a/src/marks/box.js b/src/marks/box.js
index 27d8fa6ee5..49e8d8fb4b 100644
--- 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
index 2362e19f05..6ec9ab6d1d 100644
--- 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
index 98735925af..82583737c6 100644
--- a/test/output/boxplot.svg
+++ b/test/output/boxplot.svg
@@ -36,7 +36,7 @@
-
+
diff --git a/test/output/boxplotFacetInterval.svg b/test/output/boxplotFacetInterval.svg
index 54ebf4aea2..4d2facb2bd 100644
--- a/test/output/boxplotFacetInterval.svg
+++ b/test/output/boxplotFacetInterval.svg
@@ -117,37 +117,37 @@
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
diff --git a/test/output/boxplotFacetNegativeInterval.svg b/test/output/boxplotFacetNegativeInterval.svg
index 54ebf4aea2..4d2facb2bd 100644
--- a/test/output/boxplotFacetNegativeInterval.svg
+++ b/test/output/boxplotFacetNegativeInterval.svg
@@ -117,37 +117,37 @@
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
diff --git a/test/output/diamondsBoxplot.svg b/test/output/diamondsBoxplot.svg
index 1d3346cfcc..6c7339c730 100644
--- a/test/output/diamondsBoxplot.svg
+++ b/test/output/diamondsBoxplot.svg
@@ -71,7 +71,7 @@
-
+
diff --git a/test/output/internFacetNaN.svg b/test/output/internFacetNaN.svg
index 4f6e4f98cd..1945f36682 100644
--- a/test/output/internFacetNaN.svg
+++ b/test/output/internFacetNaN.svg
@@ -226,47 +226,47 @@
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
diff --git a/test/output/morleyBoxplot.svg b/test/output/morleyBoxplot.svg
index 7c99c972aa..08ecc987ef 100644
--- a/test/output/morleyBoxplot.svg
+++ b/test/output/morleyBoxplot.svg
@@ -73,7 +73,7 @@
-
+
diff --git a/test/output/shorthandBoxX.svg b/test/output/shorthandBoxX.svg
index b1369c9986..0da7c3b355 100644
--- a/test/output/shorthandBoxX.svg
+++ b/test/output/shorthandBoxX.svg
@@ -30,7 +30,7 @@
-
+