如何在Jupyter笔记本中更改标记单元格字体颜色

时间:2017-12-06 17:15:50

标签: python html css fonts jupyter-notebook

我正在使用jupyter笔记本的自定义主题和标记单元格的字体颜色,当它处于活动状态时,我输入的是黑色,几乎没有足够的对比度。我无法在custom.css中找到指示字体颜色的部分。当我检查字体颜色时,Iit指向codemirror.css,这是我无法在我的机器上找到的文件。黑色fonr是nbextension页面的情况。我在下面留下了一些照片。

link到custom.css文件

标记单元格:

enter image description here

nbextension页面:

enter image description here

2 个答案:

答案 0 :(得分:2)

你在css文件中犯了一堆错误/拼写错误。我建议在考虑完成自定义样式表的工作之前,通过css检查程序(例如jigsaw.w3.org/css-validator)运行它。

扩展:

    line 12中的
  1. ,在nbextensions页面(实际上是文件浏览器)上,文本颜色是从body继承而来的,看起来你试图设置文本颜色到(我假设)#333(相当黑暗!也许类似#888的东西会更好?),但事实上你已经犯了一个拼写错误,因为#33不是有效的颜色代码,规则被忽略,文本颜色仍然是默认的#000这是nbextensions页面和文件浏览器出现问题的原因。

  2. line 27中,您错误地将_area添加到行尾,导致解析错误。这只会打破那条线,这只是抗锯齿,所以不那么引人注目。

  3. <{3}}中的
  4. ,填充不能为none,应为0。这个(设置它none / 0)无论如何都可能是一个错误,因为非禁用的菜单项仍然有填充,因此仅对已禁用的元素完全删除它看起来很奇怪。

    < / LI>
  5. line 766中,您添加了第二个结束括号。这是一个解析错误,据我所知,在其后的文件中打破所有。这就是您的CodeMirror规则被忽略的原因。

  6. line 2495中,您实际上包含了一些javascript,这是另一个解析错误。如果您需要此javascript,请考虑将其添加到custom.js文件中。

  7. 最后,如果您对CodeMirror.css的内容感兴趣,它会包含在笔记本的main.min.css中,或者您可以获得lines 2820-2833

答案 1 :(得分:1)

奇怪的是,custom.css !important会影响笔记本中的所有细胞。

也许在颜色线上放置一个color: white;声明,以便覆盖任何其他样式?例如将color: white !important;更改为{{1}}

奇怪的是,这只会影响你的降价单元格,因为代码单元格中的括号和等号这样的东西会被完全相同的机制着色。