jupyter notebook Style 바꾸기 - custom.css 파일 위치

C:\Users\{사용자 계정}\.jupyter 폴더가 있는데, 여기서 custom 폴더를 만들고, custom.css 파일을 만들면 된다.

.rendered_html pre, .rendered_html code, pre, .CodeMirror, .prompt {
  font-family: 나눔고딕코딩, Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;;
}

.rendered_html pre,
.rendered_html code {
    font-family: Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
	background-color: #f5f5f5;
}
.rendered_html pre {
	padding: 8.5px;
	border: 1px solid #ccc;
	border-radius: 2px;
}
.rendered_html p > code,
.rendered_html ul li code {
    border: solid 1px #e1e4e5;
    color: #E74C3C;
    padding: 0 5px;
    overflow-x: auto;
}
blockquote {
	background-color: #fcf2f2;
	border-color: #dFb5b4;
	border-left: 5px solid #dfb5b4;
	padding: 0.5em;
}

custom.css

적용한 예는 아래와 같다. custom.css 파일을 수정해 가면서 웹브라우저를 새로고침 해도 바로 적용된다. 

개발자 도구(F12)를 열어서 style을 적용할 selecter를 찾아서 css를 수정했음.

[출처]

How do I set custom CSS for my IPython/IHaskell/Jupyter Notebook?

http://stackoverflow.com/questions/32156248/how-do-i-set-custom-css-for-my-ipython-ihaskell-jupyter-notebook

Starting IPython 4.1 custom folder location has changed to ~/.jupyter/custom/. So place your custom.css and custom.js like this:

~/.jupyter/custom/custom.css
~/.jupyter/custom/custom.js

Theming IPython Jupyter Notebooks

http://sherifsoliman.com/2016/01/11/theming-ipython-jupyter-notebook/