From charlesreid1

Line 59: Line 59:
JUPYTER_CONFIG_DIR=~/jupyter_custom jupyter notebook
JUPYTER_CONFIG_DIR=~/jupyter_custom jupyter notebook
</pre>
</pre>
It should look like this, once you correct the CSS:
[[Image:JupyterBase16_after.png|500px]]

Revision as of 10:33, 2 December 2017

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

Before

JupyterBase16 Before.png

Installing

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