【问题标题】:How to edit a JupyterLab theme如何编辑 JupyterLab 主题
【发布时间】:2018-07-05 13:01:03
【问题描述】:
我想编辑 JupyterLab 深色主题,以便可以清楚地阅读内联图上的轴标签。问题示例:
为了解决这个问题,我想将包含图像的输出单元格的背景颜色更改为灰色阴影。我使用 Chrome DevTools 检查网页,找到了 class="p-Widget jp-RenderedImage jp-mod-trusted jp-OutputArea-output" 类。
我注意到我可以通过使用 JupyterLab 浅色主题或在 matplotlib 中使用深色绘图主题来解决这个问题,但是我想直接解决这个问题。我欢迎所有对资源的建议或指导来阅读,这将有助于我理解和解决这个问题。谢谢!
GitHub 上的相关问题:
相关的 SO 问题:
【问题讨论】:
标签:
python
themes
jupyter-lab
【解决方案1】:
要编辑 JupypterLab 主题,您需要更改位于 jupyterlab/packages/[THEME NAME]/style/ 中的文件 variables.css
您可以检查要更改的 JupyterLab 元素以找出其类。我使用 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 文件所做的更改。