Back to index
This library has two major themes.
- syntax highlighting theme.
- jupyter notebook theme
SyntaxHighlighting theme
It highlights the code of the notebook using react-syntax-highlighter (opens in a new tab).
You can select one of prism (opens in a new tab) themes.
- atomDark
- cb
- coy
- darcula
- dark
- duotoneDark
- duotoneEarth
- duotoneForest
- duotoneLight
- duotoneSea
- duotoneSpace
- funky
- ghcolors
- hopscotch
- okaidia
- pojoaque
- prism
- solarizedlight
- tomorrow
- twilight
- vscDarkPlus
- xonokai (default)
Jupyter notebook theme
If you do not want to style the notebook yourself, you can use one of the following themes.
- default
- chesterish
- dark
- darkbronco
- dorkula
- grade3
- gruvboxd
- gruvboxl
- monokai
- oceans16
- onedork
- solarizedd
- solarizedl
These are the same as jupyter-themes (opens in a new tab).
Import to use as follow:
import "react-ipynb-renderer/dist/styles/monokai.css";or
import "react-ipynb-renderer-katex/dist/styles/monokai.css";