Customize CSS on OSX not working

[yichuan1118]

Summary

Custom CSS is placed at ~/.jupyter/custom/custom.css

⟩ cat ~/.jupyter/custom/custom.css
/* Jupyter cell is in normal mode when code mirror */
.edit_mode .cell.selected .CodeMirror-focused.cm-fat-cursor {
  background-color: #F6EBF1;
}
/* Jupyter cell is in insert mode when code mirror */
.edit_mode .cell.selected .CodeMirror-focused:not(.cm-fat-cursor) {
  background-color: #F6EBF1;
}

Tried to make sure the folder is correct, in ipython notebook:

import jupyter_core
jupyter_core.paths.jupyter_config_dir()
'/Users/yichuan/.jupyter'

The custom.css file seems to be loaded in chrome:

However the CSS did not take effect.

Thanks!

Environment

• [ ] Operating system : Mac 10.11
• [ ] Web browser : Chrome 50.0.2661.86
• [ ] Version or revision of Jupyter Notebook : 4.2.0-0949a69
• [ ] Revision of jupyter-vim-binding : (e.g. 5a057d6)

Behavior

Expected

Actual

Step by step procedure

1. Start local Jupyter Notebook by jupyter notebook
2. Access http://localhost:8888/
3. etc.

What you have done to solve the issue

For example, the behavior is confirmed with Firefox 44.0.2 and Google Chrome xx.xx.xx and could not be reproduced in Firefox but Chrome or what ever.

Remarks

If any

[lambdalisue]

Related to https://github.com/lambdalisue/jupyter-vim-binding/issues/63

I haven't investigate this problem yet but could you try http://stackoverflow.com/questions/32156248/how-do-i-set-custom-css-for-my-ipython-ihaskell-jupyter-notebook