How to create custom css file for Jupyter lab

Question

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

Adam Wallner · Accepted Answer · 2019-10-07 17:05:29Z

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

answered Oct 7, 2019 at 17:05

Adam Wallner

2,22225 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

MaxPowers Over a year ago

This unfortunately uses an deprecated installation procedure and you have to install Node.js first.

Chris · Accepted Answer · 2019-02-10 17:44:32Z

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.

answered Feb 10, 2019 at 17:44

Chris

1,7522 gold badges17 silver badges21 bronze badges

2 Comments

user3315504 Over a year ago

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 ?

OldSchool Over a year ago

Is there a way to set a global css for all environments?

Collectives™ on Stack Overflow

How to create custom css file for Jupyter lab

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related