[Feature Request] Night Mode Toggle Option

[datlife]

It would be super helpful for people working at night like me.

Thanks,

[nfelt]

As a crude approximation of this, you can just invert the colors in the page by running document.documentElement.style = "filter: invert(100%)" in the JS console.

Doing this in a more sophisticated way seems tricky, because the various visualizations do different things in terms of color, background, etc. For example, would you expect that a night mode would change how images on the Image dashboard get displayed (e.g. by tinting them orange) or would you expect it to preserve the original pixel values? It could also be a bit tricky to define color palettes for the runs that show up well against a dark background (I'm not sure if the current ones would all work).

[datlife]

Hi @nfelt,

Thank you for asking.

• Inspired from recent night mode updates of Youtube / Reddit, I think it is okay to keep the images as-is.
• I am currently using "Dark Mode" Extension on Google Chrome to switch to night mode. However, for Tensorboard, the scalar tab is blacked out whenever I enable the extension.
• Yeah, true that the color palettes might be messed up. I do not have experience in web development so I am not sure how to comment on this.

Thanks.
Dat

[nfelt]

Hmm, if you get a chance could you post a screenshot of what Tensorboard looks like with the extension? Even if it doesn't look quite right.

[datlife]

Sure!

Here is the example of before and after I toggle the Dark Mode extension

Before

After

This is the extension I am currently using (might be properly not related) :
https://chrome.google.com/webstore/detail/dark-mode/dmghijelimhndkbmpgbldicpogfkceaj

[vedal]

Hi :)
Any updates on this feature?

[mhamilton723]

+1 on this feature req!

[stephanwlee]

I am happy to report that we now have the dark theme of TensorBoard.

It should default apply the dark mode based on your browser settings (or your OS settings; we use the media query) or you can manually set to use a specific theme by interesting with the menu here:

The dark mode implementation definitely is not the best and currently lacks support for the third party plugins so please mind your eyes when switching plugins; You might be blinded!

If you identify any usability issues with scalars, graph, and/or timeseries, please file a new issue so we can triage and fix accordingly. In the meanwhile, we will try to make the theme overrides persisted across TensorBoard.

To use the new dark mode today, please try our tb-nightly. But since we will have 2.6.0 release "soon", you can wait for that, too.

Sorry about the wait and happy TensorBoarding!

[matrix-root]

@stephanwlee a bit bad color scheme... But thanks a lot!