Ξ JupyterLab Theme for Christmas

Design by Isabela Presedo-Floyd, coded with the help of Jovyans at Quansight

Use

conda create -y -n jupyterlab-theme-christmas python=3.8 && \
  conda activate jupyterlab-theme-christmas && \
  pip install --pre jupyterlab==3.0.0rc10 jupyterlab_theme_christmas --upgrade --force-reinstall

# How to launch jupyter lab with a defined theme?
mkdir -p ~/.jupyter/lab/user-settings/\@jupyterlab/apputils-extension && \
  C="{ \"theme\": \"JupyterLab Christmas\" }" && \
  cat > ~/.jupyter/lab/user-settings/\@jupyterlab/apputils-extension/themes.jupyterlab-settings  <<EOF
${C}
EOF && \
  jupyter lab

TODO

• Update the Launcher page with something like e.g. https://github.com/fcollonval/jlab-enhanced-launcher
• Strip down the variables.css to only the needed css?
• Bring more fancy ui like in https://github.com/timkpaine/jupyterlab_miami_nights: Search tool + neon billboard + Collapser + neon light + Scrollbar + FM-84's "Atlas" (compatible with webKit browsers) + A surprise in the presentation mode (Top menu --> View --> Presention mode)

Develop

# Build the extension and link for dev in shell 1.
jupyter labextension develop --overwrite

# List extensions.
jupyter labextension list
pip list | grep  jupyterlab-theme-christmas

# Run and watch jupyterlab in shell 1.
jlpm watch

# Run and watch jupyterlab in shell 2.
# Look at the remote entry javascript, a webpack5 feature.
mkdir ~/notebooks && \
  jupyter lab \
    --dev-mode \
    --watch \
    --notebook-dir=~/notebooks \
    --ServerApp.token= \
    --extensions-in-dev-mode

Build

# Generate sourcemaps.
jupyter labextension build --development True .
jupyter lab build --minimize=False

# Do not generate sourcemaps.
jupyter labextension build .
jupyter lab build

Publish

cd jupyterlab_theme_christmas && \
  jlpm build:lib && \
  npm publish --access public

pip install jupyter_packaging twine && \
  python setup.py sdist bdist_wheel && \
  twine upload dist/*