如何编辑JupyterLab主题？

Question

我想编辑JupyterLab Dark Theme，以便可以清楚地读取内嵌图上的轴标签。问题示例：

为解决此问题，我想将包含图像的输出单元格的背景色更改为灰色阴影。我使用Chrome DevTools来检查网页，并发现了class="p-Widget jp-RenderedImage jp-mod-trusted jp-OutputArea-output"类。

我注意到我可以通过使用JupyterLab Light主题或在matplotlib中使用深色绘图主题来解决此问题，但是我想直接解决此问题。我欢迎所有阅读资源的建议或指示，这将有助于我理解和解决此问题。谢谢！

GitHub上的相关问题：

• link

相关的SO问题：

• link
• link

Answer 1

要编辑Jupypter Lab主题，您需要更改jupyterlab/packages/[THEME NAME]/style/中的文件variables.css

您可以检查要更改的Jupyter Lab元素，以查找其类。我使用了Chrome DevTools ctrl+shift+i，然后单击各种div类，直到找到要更改的类。

一旦有了要自定义的div类的名称，就将更改添加到variables.css文件中。这就是我所做的更改和结果。

.jp-RenderedImage {
  background-color: #A4A4A4
}

您可以使用JupyterLab贡献者之一创建的this gist (where the code in the first cell comes from)来试验对variables.css文件所做的更改。

Answer 2

您显示的示例似乎是因为情节的facecolor是透明的。当我切换到Jupyter的《黑暗主题》时，我也注意到情节也发生了。

以下是两个用于更新此Jupyter配置的参考：

1. https://ipython.readthedocs.io/en/stable/config/intro.html
2. {{3}}

总而言之，我打开了~/.ipython/profile_default目录并创建了一个新的ipython_config.py文件（因为它尚不存在）

cd ~/.ipython/profile_default/
vi ipython_config.py

在该文件中，我添加了行

c = get_config()
c.InlineBackend.print_figure_kwargs={'facecolor' : "w"}