Deno•2y ago

How to unset white background of SVG in Jupyter notebook?

I’ve got a Jupyter notebook with Deno kernel in VSCode that displays an SVG. The SVG has a forced white background which doesn’t play well with dark mode.

Digging through the dev tools shows it’s caused by a rule referencing a wrapping div.

.svgContainerStyle svg {
  background-color: white;
}

.svgContainerStyle svg {
  background-color: white;
}

So, it can’t be the SVG itself. Maybe Deno? Maybe Jupyter fronted? Maybe some of their VSCode extensions?

How can I unset the background color of the SVG?

Deno AI Helper•2/15/24, 12:21 AM

I wasn't able to find the answer to your question in the official Deno documentation. However, based on the information you've provided, it seems like the issue is related to the CSS styling within the Jupyter notebook environment rather than Deno itself.

If you have control over the CSS, you could try to override the background color of the SVG by setting it to or . You can add a new CSS rule in your notebook that targets the selector and sets the property to .

Or, if you prefer to use :

Please note that this advice is not based on the Deno documentation, and I would advise you to double-check the accuracy of this advice. It's possible that the Jupyter notebook environment or VSCode extensions may have specific ways to handle this, so you might want to explore their documentation or support channels for a more precise solution.

Helpful Links:
Deno 1.37: Modern JavaScript in Jupyter Notebooks
Jupyter Kernel for Deno | Deno Docs
Parsing and Stringifying CSS | Deno Docs
Using Visual Studio Code | Deno Docs

bartlomieju•2/15/24, 9:52 AM

Can you open an issue about it in Deno repo?