Jupyterhub logo in dark mode

Jupyter hub has a dark mode IDE, however the logo in the dark mode is not readable according to accessibility standards.

Following are the accessibility results

I think there is an opportunity to follow the brand guidelines by Jupyter

And create a dark mode version logo of JupyterHub - I am looking for a vector file for the same

2 Likes

(double posting for visibility, since we’ve been on a closed GitHub issue)

The jupyterhub sphinx theme has SVG logos here. There’s even a dark-theme filename to make the theme work, but it’s not actually different, so that would be the place to put an updated dark-background colorway, and we can copy it into JupyterHub itself once you’ve done the work there.

Thanks for looking into this!

1 Like

Hi @minrk
In the link you shared, the “hub-rectangle-dark.svg”, is almost correct, just the one circle in the bottom left of the Jupyter moon needs to be completely white - as mentioned in the Jupyter brand guidelines doc.

I have updated the same and created a new svg.
hub-rectangle-dark

Can you help me update this in the repo?

1 Like

Yes, make a fork of GitHub - jupyterhub/jupyterhub-sphinx-theme: A lightweight wrapper theme for Sphinx based on the PyData Sphinx Theme, edit the file, and open a pull request.

You can read more about creating a pull request, or for small edits like this, you can click the edit button when viewing the file and paste your new SVG in there, and it should take you through the steps:

2 Likes