如何编辑 JupyterLab 主题

Question

我想编辑 JupyterLab 深色主题，以便可以清楚地读取内联图上的轴标签。问题示例：

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

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

GitHub 上的相关问题：

• 如何在笔记本导入的脚本中找出当前的 jupyterlab 主题 #3855

相关问题：

• 如何编辑jupyter lab主题
• 在 Jupyter 实验室中以深色主题绘制 R 几乎不可见

Answer 1

variables.css要编辑 JupypterLab 主题，您需要对位于以下位置的文件进行更改jupyterlab/packages/[THEME NAME]/style/

您可以检查要更改的 JupyterLab 元素以找出其类。我使用 Chrome DevToolsctrl+shift+i并单击各种 div 类，直到找到我想要更改的类。

获得要自定义的 div 类的名称后，请将更改添加到文件中variables.css。这是我改变的内容和结果。

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

您可以使用JupyterLab 贡献者之一创建的要点（第一个单元格中的代码来自此处）variables.css来试验您对文件所做的更改。