# :art: :dark_sunglasses: Jupyter-Notebook - Dark Scheme > This ~~is~~ was a completely dark theme for the [Jupyter Notebook](https://www.jupyter.org/) interface. ## Actually... don't use this! Use [Jupyter-Themes](https://github.com/dunovank/jupyter-themes) instead! [Jupyter-Themes](https://github.com/dunovank/jupyter-themes) is purely awesome :sparkles:! Here is the theme I use: ```bash $ jt -N -T -f firacode -tf loraserif -nf latosans -fs 95 -tfs 12 -nfs 115 -cellw 85% -t grade3 ``` - It keeps the Name & Logo visible (`-N`), - It keeps the Toolbar visible (`-T`), - It uses the awesome [Fira Code](https://github.com/tonsky/FiraCode/) font for monospace font (code etc). Some ligatures are supported in [CodeMirror](https://codemirror.net/) (Jupyter's text editor), but not all, - It uses the [Lora Serif](https://www.fontsquirrel.com/fonts/lora) and [Lato Sans](http://www.latofonts.com/lato-free-fonts/) fonts as serif and sans-serif fonts (I like them both), - It uses a font-size of 95% (enough on large screen) (`-fs 95`), - It uses a text font-size of 12pt and a notebook fontsize of 115% (increase text cells) (`-tfs 12 -nfs 116`), - It reduces the cell width to 85% (`-cellw 85%`), - And uses the other settings from the [grade3 theme](https://github.com/dunovank/jupyter-themes#grade3-syntax) (`-t grade3`). It looks amazing :art: :sparkles:! ![screenshots/demo_jt1.png](screenshots/demo_jt1.png) Palette command: screenshots/demo_jt2.png Code cells: ![screenshots/demo_jt3.png](screenshots/demo_jt3.png) > Note: You can use [this `custom.css`](custom.css) file and [my `matplotlibrc`](matplotlibrc) file (to save in `~/.matplotlib/`) if you don't want to install [Jupyter-Themes](https://github.com/dunovank/jupyter-themes). ---- ## Example ![screenshots/demo1.png](screenshots/demo1.png) > Note: Source code coloring is based on the Twilight theme for Textmate. Print preview output for notebooks retains a white background with printable foreground colors. ## Installing To install this theme, copy or symlink this file [`custom.css`](https://github.com/Naereen/Jupyter-Notebook-Atom-Scheme/raw/master/custom.css) into the folder `~/.jupyter/custom/`. ```bash mkdir -p ~/.jupyter/custom/ cd ~/.jupyter/custom/ ``` If needed, edit it as you wish: ```bash nano custom.css ``` Then, whenever you run jupyter notebook (for Python or [other languages](https://github.com/jupyter/jupyter/wiki/Jupyter-kernels)) it will use this theme. You can try [with the test notebook](test/test.ipynb). ## Screenshots > Here are a few more examples: Editing Markdown cells works fine: ![screenshots/demo3.png](screenshots/demo3.png) The selected cell is dark gray (and not white, that was my reason to fork [this initial project](https://github.com/AlexandreRobicquet/Jupyter-Notebook-Atom-Scheme)): ![screenshots/demo4.png](screenshots/demo4.png) The menus have all joined the dark side also: ![screenshots/demo5.png](screenshots/demo5.png) Print preview still has the normal style with white background: ![screenshots/demo6.png](screenshots/demo6.png) ## Tips Most of the coloring information can be modified manually. Just try to stay consistent! > For more information on color code [see this website](http://html-color-codes.info/). ---- ## :scroll: License ? [![GitHub license](https://img.shields.io/github/license/Naereen/Jupyter-Notebook-Atom-Scheme.svg)](https://github.com/Naereen/Jupyter-Notebook-Atom-Scheme/blob/master/LICENSE) [MIT Licensed](https://lbesson.mit-license.org/) (file [LICENSE](LICENSE)). © [Lilian Besson](https://GitHub.com/Naereen), 2018. [![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://GitHub.com/Naereen/Jupyter-Notebook-Atom-Scheme/graphs/commit-activity) [![Ask Me Anything !](https://img.shields.io/badge/Ask%20me-anything-1abc9c.svg)](https://GitHub.com/Naereen/ama) [![Analytics](https://ga-beacon.appspot.com/UA-38514290-17/github.com/Naereen/Jupyter-Notebook-Atom-Scheme/README.md?pixel)](https://GitHub.com/Naereen/Jupyter-Notebook-Atom-Scheme/) [![ForTheBadge built-with-love](https://ForTheBadge.com/images/badges/built-with-love.svg)](https://GitHub.com/Naereen/) [![ForTheBadge uses-badges](https://ForTheBadge.com/images/badges/uses-badges.svg)](https://ForTheBadge.com) [![ForTheBadge uses-git](https://ForTheBadge.com/images/badges/uses-git.svg)](https://GitHub.com/) [![ForTheBadge uses-css](https://ForTheBadge.com/images/badges/uses-css.svg)](https://ForTheBadge.com)