Ξ 冬季JupyterLab主题

由Isabela Presedo-Floyd设计，由Quansight的Jovyans帮助编码

使用

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

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

待办事项

• 更新启动器页面，例如 https://github.com/fcollonval/jlab-enhanced-launcher
• 将variables.css简化为仅需要的CSS？
• 引入更多类似https://github.com/timkpaine/jupyterlab_miami_nights中的花哨UI：搜索工具 +霓虹广告牌 + 折叠器 +霓虹灯 + 滚动条 + FM-84的"Atlas"（与webkit浏览器兼容）+ 演示模式中的惊喜（顶部菜单 --> 查看 --> 演示模式）

开发

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

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

# 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

构建

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

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

发布

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

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