Image by Author

CUSTOMIZING JUPYTER

11 Practical Tips You Need to Know to Personalize Jupyter Notebook

How to create outstanding Jupyter Notebook User Interface using CSS

Are you a python programmer who is using Jupyter Notebook as your compiler? If you want to try a new taste in running your python code in Jupyter Notebook (hereafter; Jupyter), you can change and personalize it by your favorite color, font family. You can apply 11 practical tips I recommend to build your Jupyter user interface.

The default Jupyter you might see when you open it is shown in Figure 1.

Figure 1. Default home page (left) and python page (right) in Jupyter (Image by Author / Rizky MN).

At the end of this story, I will personalize my Jupyter into my themes, as shown in Figure 2.

Figure 2. The personalized home page (left) and python page (right) in Jupyter (Image by Author / Rizky MN).

This story is the follow-up story for applying the landing page into Jupyter. I reuse some codes in that story and give some additional CSS customization from

Rodrigo Silveira

’s story. He builds unique Jupyter themes using CSS. I try to explain the meaning of each CSS…