如何在Jupyter Lab中应用主题

51

我尝试通过将*.css文件放置在~/.jupyter/custom/目录中(例如这里),来应用黑暗主题。这会更改普通Jupyter笔记本的主题,但对Jupyter Lab的外观没有影响。我还尝试使用jupyter-theme安装主题,但遗憾的是,Jupyter Lab的外观没有变化。

有人能指点一下如何操作吗?


你是否正在尝试将Jupyter Lab嵌入到你的网站中? - iPhoneJavaDev
不,只是为了设置我的本地Jupyter Lab。 - queezz
尝试使用 jupyter themes - IVR
实际上我已经尝试过了,它可以工作。对于笔记本电脑而言,如果我运行jupyter notebook,所选择的主题就会生效。但是如果我运行jupyter lab,则不会生效。此外,jupyter lab具有编辑器的主题设置,并且它们可以生效。实验室中的笔记本电脑具有默认外观。 - queezz
一些时间过去了,我在GitHub上找到了一个关于这个话题的讨论,是在我的问题提出一个月前开始的: https://github.com/jupyterlab/jupyterlab/issues/1084还有一个重复的讨论(已关闭):https://github.com/jupyterlab/jupyterlab/issues/2102 - queezz
2个回答

96

更新 2018年2月3日 现在这个选项已经内置在设置菜单中了!

输入图像描述

最近这个问题在GitHub上已经关闭,终于可以编辑jupyter实验室的设置。万岁!

该过程在此pull request中有描述。

只需更新您的jupyter-lab(现在是版本0.27.0),然后转到文件 - 设置,选择Theme选项卡。并在用户覆盖中输入您的主题名称,然后按字符串右侧的复选标记。我尝试了几个,但似乎只有“theme”:“JupyterLab Dark”有效。对我来说足够了。

将黑暗主题应用于jupyter lab

输入图像描述

我真的很欣赏jupyter团队所做的工作。谢谢大家!


15
我咬紧牙关,学会了如何编写完整的自定义主题扩展。
步骤如下:
  1. jupyterlab / packages 中复制 Light 主题到您自己的存储库中。
  2. 编辑 package.jsonsrc/index.ts 中的包元数据
  3. 编辑 styles 中的 CSS 样式表
  4. 使用 jupyter labextensions install . 安装主题。
    • 您可能需要手动使用 node 生成依赖项
这是我未来参考的主题 - https://github.com/nfultz/jupyterlab-theme-simple-extension 编辑:
现在有一个 cookiecutter 模板可以使它更容易 - https://github.com/jupyterlab/theme-cookiecutter

我相信,labextensions 是单数形式。因此应该是:jupyter labextension install . - marckassay

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接