(GH-422) Colorize the Node Graph Preview correctly

glennsarti · glennsarti · commit 6707729526ec · 2018-11-22T21:21:23.000+08:00
Previously the Node Graph Feature used hardcoded colors for the graph, expecting
a dark theme.  This commit adds in CSS coloring to override the generated SVG
content and instead ise the VSCode theme coloring.  This means the preview will
now reflect the correct colors of the users theme, and, also auto-updates as the
user browses new themes.
diff --git a/src/feature/NodeGraphFeature.ts b/src/feature/NodeGraphFeature.ts
@@ -105,6 +105,23 @@ class NodeGraphWebViewProvider implements vscode.Disposable {
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <style>
+    g.node path {
+      fill: var(--vscode-button-background);
+      stroke: var(--vscode-button-hoverBackground);
+    }
+    g.node text {
+      fill: var(--vscode-button-foreground);
+    }
+    g.edge path {
+      fill: none;
+      stroke: var(--vscode-foreground);
+    }
+    g.edge polygon {
+      fill: var(--vscode-foreground);
+      stroke: var(--vscode-foreground);
+    }
+  </style>
 </head>
 <body>
 ${errorContent}
