omar-elrefaei / mm_dark_theme

Dark theme for IPython and Jupyter notebooks

MM-dark Theme for IPython and Jupyter notebooks

This is a customized dark theme, designed not to strain the eyes with bright colors, and it uses colors which help easily find desired code section. MM-dark is flat in appearance since it removes all but necessary borders and shadows to lessen the amount of distraction.

In this theme, the current cell is indicated by a side-bar on the left hand side of the page. The indicator bar changes color when in editing mode.

When in editing mode, 80 character line (ruler) is displayed, and current line is highlighted. The theme uses a blinking block cursor.

Installation

These installation instructions are for "vanilla" IPython & Jupyter notebook setup. If you have themed and customized your notebook, I will assume you know how to patch this into your setup.

Linux and OS X

IPython
Copy custom.css and custom.js files into:
~/.ipython/profile_default/static/custom
You will overwrite two existing place-holding files with same names.

Jupyter
Copy custom.css and custom.js files into:
~/.jupyter/custom
You will overwrite two existing place-holding files with same names.

Windows

IPython
Copy custom.css and custom.js files into:
C:\Users\YourUserName\.ipython\profile_default\static\custom
You will overwrite two existing place-holding files with same names.

Jupyter
Copy custom.css and custom.js files into:
C:\Users\YourUserName\.jupyter\custom
You will overwrite two existing place-holding files with same names.

Keyboard Shortcuts

Command mode
Toggle header: Alt-h
Toggle menu bar: Alt-m
Toggle line number in all cells: Alt-n
Clear all cells output: Alt-c
Clear current cell output: Alt-x
Merge with cell above: Alt-a
Merge with cell below: Alt-b
Go to first cell: Ctrl-up
Go to last cell: Ctrl-down
Move cell up: Alt-k
Move cell down: Alt-j

Edit mode
Split cell at current line: Alt-s

Sample Images of Landing Page and Notebook