Jupyter Theme


expand icon


How to install

To use this theme on any Sphinx based documentation, follow these steps:

Install the jupyter_alabaster_theme package using pip:

pip install jupyter_alabaster_theme

Edit your conf.py file:

  1. Set the theme to jupyter_alabaster_theme:
html_theme = 'jupyter_alabaster_theme'
  1. Add jupyter_alabaster_theme to the list of extensions:
extensions = [
  1. At the bottom of conf.py, edit the following code block to select the desired theme to use for any local builds (such as during development):
# -- Read The Docs --------------------------------------------------------

on_rtd = os.environ.get('READTHEDOCS', None) == 'True'

if not on_rtd:
    # only import and set the theme if we're building docs locally
    import sphinx_rtd_theme
    html_theme = 'sphinx_rtd_theme'
    html_theme_path = [sphinx_rtd_theme.get_html_theme_path()]
    # readthedocs.org uses their theme by default, so no need to specify it
    # Do anything else needed to build documentation on RTD
    from subprocess import check_call as sh
    sh(['make', 'rest-api'], cwd=docs)
  • To use sphinx_rtd_theme: no changes are needed if you are using the code block above.
  • To use jupyter_alabaster_theme:
# -- Read The Docs --------------------------------------------------------

on_rtd = os.environ.get('READTHEDOCS', None) == 'True'

# Don't need to set html_theme if done earlier in conf.py
if on_rtd:
    # Do anything else needed to build documentation on RTD

Update Documentation Dependencies

To get your documentation to build, you will need to update its build dependencies. Update your environment.yml or requirements.txt to depend on jupyter_alabaster_theme to get the build working on ReadTheDocs. Note, we have not yet released a Conda package for this theme, so you will need to list it in the environment.yml file under the pip section.

Important Notes

  • Use one toctree in your index.rst. More toctrees can be added within sections that are included in the main toctree.
  • Avoid using captions in the toctree since that is not accessible to mobile navigation menus and the breadcrumbs.
  • Avoid adding subsections that are on the same page as the section to the toctree. Subsections are not accessible to the mobile navigation menus and breadcrumbs. This can be avoided by limiting maxdepth for a toctree. Another option is to set the titlesonly option:
.. toctree::