4

What is the easiest way to create a custom css (global to all documents) for the Jupyter Lab (Installed via anaconda)?

Udi
  • 29,222
  • 9
  • 96
  • 129
user3315504
  • 1,055
  • 2
  • 12
  • 17

2 Answers2

4

JupyterLab uses themes which are extensions. These themes have CSS rules. There's no "official" way to have custom CSS in JupyterLab the same way as Notebook had (custom.css file in ~/.jupyter/custom directory).

Because of the above I've developed an extension where you can place custom (global) CSS rules in the settings editor: https://github.com/wallneradam/jupyterlab-custom-css

Adam Wallner
  • 2,292
  • 23
  • 20
2

You can edit the index.css for one enviroment. It should be in:

~/anaconda3/envs/[ENVIRONMENT NAME]/share/jupyter/lab/@jupyterlab/theme-dark-extension/index.css

for the dark theme or in:

~/anaconda3/envs/[ENVIRONMENT NAME]/share/jupyter/lab/@jupyterlab/theme-light-extension/index.css

for the light theme.

Chris
  • 1,692
  • 2
  • 17
  • 21
  • I did not manage to change the index.css. - I want to change the style of the header in the markdown cell how do I do that (where and what to put in the index.css file). Do you know about an example for that ? – user3315504 Feb 22 '19 at 19:43
  • Is there a way to set a global css for all environments? – OldSchool Jan 23 '20 at 15:09