Control highlight/dehighlight style

[Phrogz]

I'd love to have settings that control the appearance of the nodes/edges when highlighted or muted. Could be preferences, could be a stylesheet that the preferences open. Instead of manually changing the colors of every edge/node/label that aren't selected, you could simply apply a CSS class to all of them, and let that drive the color, or opacity, or other.

In the SVG in the image below—copied from your output—I've added select and deselect classes to every <g class="node"> and <g class="edge">.

Now, we apply a few different rules:

.deselect           { opacity:0.2 }
.edge.deselect text { opacity:0.0 }

---

.select *:not([fill="none"]):not([fill-opacity^="0.00"]) {
    fill:black; fill-opacity:1
}
.select *[stroke]:not([stroke="none"]) {
    stroke:black; stroke-opacity:1.0;
}
.node.select path { fill:yellow !important }

---

.deselect { display:none }

---

.deselect { opacity:0.4 }
.select.node text { font-weight:bold; fill:black }
.select.edge text { font-weight:bold; fill-opacity:1 }

[Phrogz]

At a minimum, you can lean on the VS Code theme styles and supply either the option of "de-emphasize" (opacity:0.2) or "emphasize" (use an internal stylesheet that changes a few theme colors).