1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

【Jupyter Notebook】jupyterthemesでテーマを変えると行番号が変になる問題の解決法

Last updated at Posted at 2019-04-10

はじめに

Jupyter Notebookのデフォルトのテーマはちょっと眩しいです.
僕みたいな陰キャには難しいテーマですよね.

そこで陰キャ御用達テーマの Monokai を jupyterthemes で導入した人は結構いると思います.

ところが・・・

あらら
Screenshot from 2019-04-10 15-04-44.png

Lキーとかで行番号を表示させるとこの有様です.
nbextensionガッツリ有効にしたのでそれが悪さしてるのかもしれませんが,試してないです.
試すより先にCSSいじってました.

解決方法

custom.cssをいじります.
いじったあとに
% jt -t monokai
みたいなことをするとリセットされてしまうので要注意.

それっぽいところをエディタで検索して編集してください.

custom.css
.cm-s-ipython .CodeMirror-gutters {
 background: #49483e;
 border: none;
 border-radius: 0px;
 width: 64px; /* 変更 */
}
.cm-s-ipython .CodeMirror-linenumber {
 color: #d6d6d6; /* 変更 */
}

Screenshot from 2019-04-10 15-20-26.png

うーん,コードの折りたたみの▼が行番号の左に出てしまうのがなんか違和感あるし,▼の右半分がクリックしても反応しないのがなんかやだな.
ていうか横幅も使い過ぎなような.

困ったな.
誰かもっと良い解決方法があったら教えて欲しいです.

1
2
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?