dark mode

style.css

@@ -1,6 +1,10 @@
 body {
   padding: 2rem;
   font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
+
+  background-color: Canvas;
+  color: CanvasText;
+  color-scheme: light dark;
 }
 
 h1 {
@@ -36,3 +40,9 @@ p {
   margin-top: 2rem;
   max-width: 928px;
 }
+
+.sunburst-label {
+  @media (prefers-color-scheme: dark) {
+    fill: lightgray;
+  }
+}

sunburst.js

@@ -65,6 +65,7 @@
 			.attr("dy", "0.35em")
 			.attr("fill-opacity", d => +labelVisible(d.current))
 			.attr("transform", d => labelTransform(d.current))
+			.attr("class", "sunburst-label")
 			.text(d => d.data.name);
 
 	const parent = svg.append("circle")