Mixed light and dark data HTML display in vscode

[ste-goldstein]

Recently my datasets started showing up with a mix of light and dark themes in vscode.
I tested with a fresh vscode profile and it still happens.

How can I make everything dark mode ?

[benbovy]

I also see this in online documentation showing html reprs of Xarray objects: https://rasterix.readthedocs.io/en/latest/raster_index/intro.html.

This happens when switching to auto-mode, i.e., dark/light depends on the OS settings via prefers-color-scheme.

This seems fixable in the CSS provided by Xarray for its object reprs. In the meantime, you could probably workaround this by forcing the light or dark mode in vscode if that's possible (I don't use vscode).

[aarondewindt]

I'm forcing dark mode in VSCode, but disabling "Window: Auto Detect Color Scheme", but it isn't working.

[ste-goldstein]

Me to. Still haven't found a fix. Weird thing is that it was working ok for me a couple months ago. I'm on Arch with i3wm so not sure where to change to dark mode at the OS level for it to maybe have effect on vscode.

When running a Jupyter notebook everything is dark as expected.

[ste-goldstein]

Current workaround is to edit xarray CSS style-sheet as per #4024 (comment)