From charlesreid1

Revision as of 10:45, 2 December 2017 by Admin (talk | contribs) (→‎Installing)

Applying Base16 themes to ipython notebook via https://github.com/nsonnad/base16-ipython-notebook

Before

JupyterBase16 Before.png

Installing Base16 Jupyter

Clone repo, and also clone submodules:

git clone --recurse-submodules https://github.com/charlesreid1/base16-jupyter

or, if the repo is already checked out,

$ cd base16-jupyter
$ git submodule update --remote

Installing Base16 IPython

Clone repo here: https://github.com/nsonnad/base16-ipython-notebook

List of themes here: https://github.com/nsonnad/base16-ipython-notebook/tree/master/ipython-3/output

Start by creating a custom Jupyter config directory:

$ jupyter notebook --generate-config
Writing default config to: ~/.jupyter/jupyter_notebook_config.py

Or skip straight to it:

mkdir -p ~/.jupyter/custom

once per profile, then:

wget -O ~/.jupyter/custom/custom.css \
https://raw.githubusercontent.com/nsonnad/base16-ipython-notebook/master/ipython-3/output/base16-bespin-dark.css

Bringing the toolbar back

The themes get rid of the toolbar; to bring it back:

vim ~/.jupyter/custom/custom.css

and comment out the line:

div#maintoolbar, div#header {display: none !important;}

Using

Start a new notebook using the custom profile:

jupyter notebook

Alternatively, could put all the custom config files in their own directory, then run:

JUPYTER_CONFIG_DIR=~/jupyter_custom jupyter notebook --generate-config
JUPYTER_CONFIG_DIR=~/jupyter_custom jupyter notebook

It should look like this, once you correct the CSS:

JupyterBase16 after.png