Skip to content

Simple dark theme for Jupyter Notebook (easy to install - just one file to change)

Notifications You must be signed in to change notification settings

diht2016/jupyter-notebook-dark-theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 

Repository files navigation

Jupyter Notebook Dark theme

Simple dark theme for Jupyter Notebook. Easy to install - just one file to change.

It looks almost like a default theme - but it is dark!

How to install

Just put the custom.css in this place on your device:

~/.jupyter/custom/custom.css

Or sometimes this place is here:

~/.ipython/profile_default/static/custom/custom.css

(~ = User home folder, replace it with %userprofile% on Windows)

Done! Now Jupyter Notebook GUI is dark! Then just reload pages in browser if Jupyter Notebook is running.

Also you can put custom.js in the same folder to be able to disable image filter (see below).

Screenshots

A filter is applied to all images, inverting their brightness (hue and saturation remain the same). So plots are dark-themed too. However, you can Alt+Click on an image to toggle its filter.

How does it work

Jupyter Notebook simply gives an ability to apply any custom CSS & JS by creating files. These files are custom.css and custom.js in special directory mentioned above.

That's all! No plugins, no addons, no creepy packages are required to install.

How to reset back to light theme

Just replace the custom.css on your device with an empty file, that's all.

Some background

I didn't made this from a scratch. The base CSS was taken from this repo (look in custom.css for credits). Since then, I fixed lots of still-light-themed elements and things I didn't like (like, red headers and a completely disabled toolbar).

About

Simple dark theme for Jupyter Notebook (easy to install - just one file to change)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published