如何在 JupyterLab 中更改 Markdown 单元格中的文本颜色

Question

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

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

Answer 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 知识中心：Jupyter 笔记本的 Markdown 备忘单

Answer 2

终于我可以解决我的问题了。我对 .css 文件进行了一些研究，终于弄清楚了如何更改文本的颜色。文件的路径是“/home/sknt/anaconda3/share/jupyter/lab/themes/@jupyterlab/theme-dark-extension/index.css”[文件名index.css]，我更改了文本的颜色“#content font”部分，特别是在“#Defaults 使用材料设计规范”中更改“jp-content-font-color1.5”的颜色代码。

然而，这种变化也影响了代码单元的输出，最终它并没有让我信服。对我有用的最终解决方案是创建一个自定义文件 .css 并使用以下代码仅更改 Markdown 单元格中的文本颜色：

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

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