jupyter-notebook-one-dark-theme's Introduction

Jupyter Notebook OneDark Theme

Already tested in chrome and safari

Installation

git clone https://github.com/deryrahman/jupyter-notebook-one-dark-theme.git
cd jupyter-notebook-one-dark-theme
cp custom.css ~/.jupyter/custom/custom.css
pip install jupyterthemes
cp startup.py ~/.ipython/profile_default/startup/startup.py

Screenshots

References:

https://github.com/dunovank/jupyter-themes

jupyter-notebook-one-dark-theme's People

Contributors

Stargazers

Watchers

jupyter-notebook-one-dark-theme's Issues

Small Tweaks (Fixed)

Thanks for the awesome theme! A few very small tweaks I made in case anyone wanted to achieve the same results. Most people probably wont even notice but my OCD took control.

The running icon is off center
Before:

Fix: This can be fixed by removing: 'vertical-align: middle;' from '.running_notebook_icon:before'
Result:
Padding after folder icon
Before:

Fix: Simply add 'padding-right: 3px' to '.fa-folder:before'
After:
Line not even
Before:

Fix: This can be fixed by adding: 'padding-bottom: 7px' to 'div.prompt.input_prompt'
After:
First line not aligning with cell number
Before:

Fix: This was done by changing 'padding-top' on 'div.CodeMirror-lines' to '2px' (also changed 'padding-bottom' to '6px'). This was more of a personal preference because I like the smaller cells, the same results could be achieved possibly by adding padding to the top of cell number as well (like in step 3) if you like the extra room around the cell.
After:
Select all box not even
Before:

Fix: This can be fixed by removing 'top: 4px' from 'input#select-all.pull-left.tree-selector'
After:
Select box not even
Before:

Fix: Remove 'vertical-align: baseline' from '.list_header > div input, .list_item > div input'
After:
Header not even
Before:

Fix: Add 'padding-top: 3px' to 'div#notebook_list_header.row.list_header' also add 'margin-top: -3px' to '#tree-selector'. Now create a section '#counter-select-all' then add 'display: inline-block' and 'padding-top: 2px'
After:

[NO PIC] I also added some more space between the files with by adding 'padding-left: 2px;' to '.breadcrumb > li + li:before' as well as changing '#project_name a' to 'padding-left: 3px'