如何编辑JupyterLab主题

问题描述

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

要解决此问题，我希望将包含图像的输出单元格的背景色更改为灰色阴影。我用Chrome DevTools对网页进行了入侵，发现类class="p-Widget jp-RenderedImage jp-mod-trusted jp-OutputArea-output"。

我已经注意到，我可以通过使用matplotlib中的JupyterLab Light主题或使用黑色绘图主题来解决此问题，但是我想直接解决此问题。我欢迎所有帮助我理解和解决这一问题的资源的建议或指导。谢谢！

GitHub相关问题：

• How to figure out current jupyterlab theme in script imported by notebook #3855

相关销售订单问题：

• How to edit jupyter lab theme
• Plotting R in Jupyter lab with dark theme is barely visible

---

解决方案

要编辑JupypterLab主题，您需要更改位于jupyterlab/packages/[THEME NAME]/style/

中的文件variables.css

您可以检查要更改的JupyterLab元素，以找出它的类。我使用Chrome DevToolsctrl+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文件所做的更改。