Customize CSS on OSX not working - Githubissues

lambdalisue / jupyter-vim-binding

Jupyter meets Vim. Vimmer will fall in love.

2.1k stars 136 forks source link

Customize CSS on OSX not working #71

Open yichuan1118 opened 8 years ago

yichuan1118 commented 8 years ago

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: screen shot 2016-05-04 at 3 44 44 pm

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 commented 8 years ago

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