Jupyter notebookのテーマを変えるためのcssが反映されません

Jupyter notebookの背景色など、テーマを変更するため、コチラの質問を参考にしてcssファイルを作成・配置したのですが、Jupyterを起動しても全く反映されません。
ブラウザキャッシュの削除等も確認済みです。

試した手順および環境を掲載します。

公開されたcssをコピペして、custom.cssというファイルを作成
~/.jupyter/custom/というディレクトリを作成し、先ほどのcustom.cssを配置
Jupyter notebookを起動

OS:Windows7
Browser:Google Chrome 61.0.3163.100(64-bit)
Jupyter notebook 4.3.1

考え得る、テーマが反映されない原因や対処法などありましたら教えていただきたいです。
よろしくお願いいたします。

行動規範の内容に同意します

回答1件

ベストアンサー

該当のCSSを見ると以下のような内容になっていると思います。

css
1@namespace url(http://www.w3.org/1999/xhtml);
2
3@-moz-document url-prefix("http://localhost:8888/"), 
4               url-prefix("http://127.0.0.1:8888/"),
5               url-prefix("http://localhost:8889/"),
6               url-prefix("http://localhost:8890/")
7{
8    div.cell.selected
9    {
10        background: linear-gradient(to right, #337ab7 -40px, #337ab7 5px, transparent 5px, transparent 100%);
11    }
12
13    ...
14
15    .rendered_html pre, .rendered_html code
16    {
17        background-color: #333;
18        color: #ddd;
19    }
20}

@-moz-documentというのを検索してみるとFirefoxで閲覧した場合のみ適用されるCSSを書くためのもののようです。しかし、セキュリティ面で問題があり、今は限定された環境でのみ有効になるようです。
参考: @-moz-document 対応が打ち切られました | Firefox サイト互換性情報

以下の様にしたところ、私の手元ではCSSが反映されました。

css
1@namespace url(http://www.w3.org/1999/xhtml);
2
3div.cell.selected
4{
5    background: linear-gradient(to right, #337ab7 -40px, #337ab7 5px, transparent 5px, transparent 100%);
6}
7
8...
9
10.rendered_html pre, .rendered_html code
11{
12    background-color: #333;
13    color: #ddd;
14}
15