make tqdm bar dark in VSCode Jupyter notebook

Question

I am using Jupyter notebooks in Visual Studio Code with dark mode enabled. I visualize progress bars with tqdm, but it does not show up dark. See the image:

According to this issue on GitHub, this is not a problem with the Jupyter, ipywidget or tqdm itself, and it is related only to VSCode.

Is there any workaround to fix this?

Answer 1

This answer worked for me. Run the code below in a cell.

%%html
<style>
.cell-output-ipywidget-background {
    background-color: transparent !important;
}
:root {
    --jp-widgets-color: var(--vscode-editor-foreground);
    --jp-widgets-font-size: var(--vscode-editor-font-size);
}  
</style>