How to apply theme to jupyter lab

css jupyter-notebook jupyter-lab
queezz picture queezz · Nov 10, 2016 · Viewed 43.2k times · Source

I tried to apply dark theme by putting a *.css file in the ~/.jupyter/custom/ directory (like here). This changes a theme for a normal jupyter notebook. But no affect on the jupyter lab appearance. I also tried to install a theme using jupyter-theme, but alas, no changes in jupyter lab appearance.

Can someone point me to the how-to guide?

Answer

queezz picture queezz · Sep 14, 2017

UPDATE 02/03/2018 Now this option is already built in in the settings menu!

enter image description here

Recently this issue was closed on the GitHub, and finally it is possible to edit settings of the jupyter lab. Hurray!

The procedure is described in this pull request.

Just update your jupyter-lab (now it is version 0.27.0) and go to File - Settings, then select Theme tab. And type your theme name in the User Overrides and press the check-mark at the right of the string. I tried several, but only "theme": "JupyterLab Dark" seems to work. Enough for me.

Apply dark theme to jupyter lab

enter image description here

I really appreciate the work the jupyter team is doing. Thank you all!

Related questions

How to horizontally center a <div>

How can I horizontally center a <div> within another <div> using CSS? <div id="outer"> <div id="inner">Foo foo</div> </div>

Read More
How do I vertically center text with CSS?

I have a <div> element which contains text and I want to align the contents of this <div> vertically center. Here is my <div> style: #box { height: 170px; width: 270px; background: #000; font-size: 48px; color: #…

Read More
How to align a <div> to the middle (horizontally/width) of the page

I have a div tag with width set to 800 pixels. When the browser width is greater than 800 pixels, it shouldn't stretch the div, but it should bring it to the middle of the page.

Read More