如何在 JupyterLab 中更改 markdown 单元格中的文本颜色答案

【问题标题】：How to change the color of text in markdown cell in JupyterLab如何在 JupyterLab 中更改 markdown 单元格中的文本颜色
【发布时间】：2019-08-24 12:14:02
【问题描述】：

我正在尝试更改所有降价单元格中文本的颜色。实际上，我可以更改应用 HTML 代码的字体颜色，但我必须在每个单元格中执行此操作，并且我希望默认颜色不同于白色。我已经看到您可以编辑我用来编辑降价单元格更改的主题的 custom.css 文件，但我找不到更改文本颜色的代码行。

我也尝试从菜单“高级设置编辑器”更改笔记本设置，但在 Markdown 单元配置中我找不到任何与更改文本颜色相关的选项，只有“fontSize”或“fontFamily”等选项。

【问题讨论】：

标签： css jupyter-lab

【解决方案1】：

你可以这样做：

<div class="alert-success">
This is a green colored box
</div>

<div class="alert-danger">
This is a red colored box
</div>

<div class="alert-warning">
This is a yellow colored box
</div>

<div class="alert-info">
This is a blue colored box
</div>

来源：IBM Knowledge Center: Markdown for Jupyter notebooks cheatsheet

【讨论】：

【解决方案2】：

我终于可以解决我的问题了。我在 .css 文件上玩了一下，终于弄清楚如何更改文本的颜色。文件的路径是“/home/sknt/anaconda3/share/jupyter/lab/themes/@jupyterlab/theme-dark-extension/index.css”[文件名index.css]，我改变了文本的颜色“#content font”部分，特别是在“#Defaults use Material Design specification”中更改“jp-content-font-color1”的颜色代码。

但是，这种更改也会影响代码单元的输出，最终它并不能说服我。我的最终解决方案是创建一个自定义文件 .css 并使用以下代码仅在 markdown 单元格中更改文本的颜色：

from IPython.core.display import HTML
def css_style():
styles = open("[path to .css file]","r").read()
return HTML(styles)
css_style()

我希望这些对我有用的解决方案可以帮助其他可能想要修改笔记本外观的人。谢谢。

【讨论】：