How to apply theme to jupyter lab

Question

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

Answer 1

I bit the bullet, and figured out how to write a full custom theme as an extension.

The process is:

1. Copy the Light theme from jupyterlab/packages to your own repository.
2. Edit the package metadata in package.json and src/index.ts
3. Edit the CSS stylesheets in styles
4. Install the theme using jupyter labextensions install .
   • You may need to manually generate dependencies using node

Here is my theme for future reference - https://github.com/nfultz/jupyterlab-theme-simple-extension

EDIT:

There's now a cookiecutter template to make it easier: https://github.com/jupyterlab/theme-cookiecutter