如何在Jupyter Notebook中更改標記單元字體的顏色

Question

我正在為jupyter筆記本使用自定義主題，並且在標記單元處於活動狀態並且正在鍵入時，標記單元的字體顏色為黑色，對比度不足。 我無法在custom.css中找到指示字體顏色的部分。 當我檢查字體顏色時，Iit指向codemirror.css，這是我無法在計算機上找到的文件。 黑色字體是nbextension頁面的情況。 我在下面留下了一些圖片。

鏈接到custom.css文件

標記單元格：

nbextension頁面：

Answer 1

您在css文件中犯了很多錯誤/錯別字。 建議您在考慮完成自定義樣式表的工作之前，通過css檢查器（例如jigsaw.w3.org/css-validator ）運行它。

擴張：

1. 在第12行的nbextensions頁面（實際上是文件瀏覽器）上，文本顏色是從body繼承的，看起來您嘗試將文本顏色設置為（我假設） #333 （非常暗！像#888這樣會更好？），但實際上您已經打錯了字，並且由於#33不是有效的顏色代碼，因此該規則將被忽略，並且文本顏色將保留為默認的#000 。 這是您的nbextensions頁面和文件瀏覽器出現問題的原因。

2. 在第27行中 ，您錯誤地_area末添加了_area ，從而導致解析錯誤。 這只會中斷該行，這只是抗鋸齒，因此不太明顯。

3. 在766行 ，填充不能為none ，應該為0 。 （將其設置為none / 0 ）可能仍然是一個錯誤，因為非禁用菜單項仍然具有填充，因此僅針對禁用元素完全刪除它似乎很奇怪。

4. 在第2495行中 ，您添加了第二個右括號。 這是一個語法錯誤，而據我所看到的， 打破它后面的一切的文件中。 這就是為什么您的CodeMirror規則將被忽略的原因。

5. 在2820-2833行中 ，您實際上包含了一些javascript，這是另一個解析錯誤。 如果需要此javascript，請考慮將其添加到custom.js文件中。

最后，如果您對CodeMirror.css的內容CodeMirror.css ，它會包含在筆記本的main.min.css ，或者您可以在GitHub上獲取源代碼 。

Answer 2

奇怪， custom.css 這一行應該影響筆記本中的所有單元格。

也許在色線上放置!important聲明，以覆蓋其他任何樣式？ 例如，改變color: white; color: white !important;

奇怪的是，這僅會影響到Markdown單元，因為代碼單元中的方括號和等號之類的東西是通過完全相同的機制着色的。