Merge pull request #2896 from ellisonbg/vega-background

Style vega background for dark theme

packages/theme-dark-extension/style/variables.css

@@ -232,4 +232,12 @@ all of MD as it is not optimized for dense, information rich UIs.
   --jp-mirror-editor-error-color: #f00;
   --jp-mirror-editor-hr-color: #999;
 
+  /* Vega extension styles */
+
+  --jp-vega-background: var(--md-grey-400);
+
 }
+
+
+
+

packages/theme-light-extension/style/variables.css

@@ -242,4 +242,8 @@ all of MD as it is not optimized for dense, information rich UIs.
   --jp-mirror-editor-error-color: #f00;
   --jp-mirror-editor-hr-color: #999;
 
+  /* Vega extension styles */
+
+  --jp-vega-background: white;
+
 }

packages/vega2-extension/style/index.css

@@ -17,6 +17,12 @@
   margin-top: 8px;
 }
 
+
 .jp-MimeDocument.jp-Document .jp-RenderedVegaCommon {
   padding: 16px;
 }
+
+
+.vega canvas {
+  background: var(--jp-vega-background);
+}