Jupyter Notebook の CSS 要素を編集する
Jupyter Notebook の CSS 要素を編集する方法に関するTipsです。IPython.core.display
を用いて、次のようにCSS要素を編集できます。
from IPython.core.display import display, HTML display(HTML("<style>.cm-s-ipython span.cm-comment { color: red; }</style>"))
こんな感じでcssを操作できますhttps://t.co/0AfVR6SWcT pic.twitter.com/EmF1tqreNm
— u++ (@upura0) May 15, 2020
CSSを当てるClass名については、ブラウザの開発者ツールなどで確認できます。
Kaggle Notebook も公開しています。編集ページと公開ページでClass名が異なるので、公開ページでは色が編集されていません。
公開ページでも色を変えたい場合は、公開ページのClass名の要素を変更する次のコードを実行しておくと良いでしょう。
display(HTML("<style>.highlight .c1 { color: red; }</style>"))