Transparent background by default in VSCode

MathieuMoalic commented 2 years ago

By default, every widget in VScode (code-server in my particular case) will have a white background:

jupyter lab works well though:

This option in VSCode doesn't do anything whatsoever:

There is one (very ugly) workaround, running this in every single notebook:

%%html
    <style>
    .cell-output-ipywidget-background {
       background-color: transparent !important;
    }
    .jp-OutputArea-output {
       background-color: transparent;
    }  
    </style>

Is there anything you can do about this or does it only depend on VSCode ?

Versions

code-server==4.7.0 7f108c61ab670ccaae4cfde5de2909c003db1ce8 with Code 1.71.0

ipywidgets==7.7.1

martinRenou commented 2 years ago

I'm tempted to say it's an issue with vscode-jupyter. It should probably be reported there https://github.com/microsoft/vscode-jupyter

MathieuMoalic commented 2 years ago

I understand. I was hoping you had solution because it looks like it won't be fixed from VSCode any time soon.

martinRenou commented 2 years ago

Let's close this issue and continue here https://github.com/microsoft/vscode-jupyter/issues/7161

matplotlib / ipympl

Transparent background by default in VSCode #487

Versions