Skip to main content

Docs.TYPO3.Org theme for Sphinx, starting 2015.

Project description

A new theme for Docs.TYPO3.Org

:Project: t3SphinxThemeRtd
:Team: TYPO3 Documentation Team
:Author: Martin Bless <>
:License: MIT
:Demo: See this demo docs `t3SphinxThemeRtdDemoDocs
which are kind of a "stresstest" and demonstrate what's possible and
how the theme can be used.

This work builds on top of v0.1.8 of `

Find notes about the state of development `in this blogpost

Navigate this page:

.. default-role:: code

.. contents::
:depth: 3
:backlinks: top


Install the Theme Using PIP

`PIP <>`__ is the
`Python <>`__ packet manager for
`PyPi <>`__.
't3SphinxThemeRtd' is provided by the TYPO3 Documentation Team
and available from PyPi.

Installation with ``pip``::

# fetch from PyPi and install latest version:
pip install --upgrade t3SphinxThemeRtd

# if required for your system, run a superuser:
pip install --upgrade t3SphinxThemeRtd

For your interest: Some quick examples of ``pip`` usage::

# find help
pip install --help
pip --help

# install locally for this user only
pip install --upgrade --user t3SphinxThemeRtd

# uninstall - no matter if installed by PIP or
pip uninstall t3SphinxThemeRtd

# search PyPi, the Python packet index
pip search t3SphinxThemeRtd
pip search sphinx

Install directly using ''

To install directly from the package::

git clone
cd t3SphinxThemeRtd
(sudo) python install

# or install locally in user's home:
python --user install


In the ```` file of your documentation project:

Load the module::

import t3SphinxThemeRtd

Choose the theme::

html_theme = "t3SphinxThemeRtd"

Set the theme path::

html_theme_path = [t3SphinxThemeRtd.get_html_theme_path()]

Or, if that's better in your case, add the theme path to to the
list of already defined paths::

html_theme_path = []
# ...

Special Information for TYPO3 Users

1. Disable or remove any existing "TYPO3 codeblock"

If the "TYPO3 codeblock" is part of your ```` file
then you need to remove or disable that code.
You can do that easily by writing ``if 0`` instead of ``if 1``.

.. figure:: Documentation/Images/disable-typo3-codeblock.png
:alt: How to disable an existing TYPO3 codeblock in

Disable any "TYPO3 codeblock" in your ```` by
writing ``if 0``.

2. Once the "TYPO3 codeblock" is disabled the old `t3sphinx module
IS NOT used any more. So you finally are being freed from old ballast
and some of those old and annoying errors are gone. Rendering of Sphinx Json
format will just work fine with the new theme.

3. On the other hand: Since the ``t3sphinx module`` isn't loaded any more
there is no processing of Yaml files for configuration at the moment. This
means, at least for now:

- You have to use a ```` file for configuration.
- You need to move all necessary settings from possible ``GlobalSettings.yml``
and ``Settings.yml`` files into the ````.

4. Maybe we add Yaml processing in the future. At the moment this doesn't exist.

5. **To quickly get going:** Feel free to copy from this
`Typoscript Reference example file
The relevant parts are at the end.

To be done

Check this `list in the blogpost


- publish as 3.1.0
- use minified jQuery
- add our "Edit me on GitHub" button


- First public version.
We start numbering this TYPO3 fork of the RTD theme with version number 3.0.0
to be clearly different from the original ``sphinx_rtd_theme`` which is v0.1.8.

Already done

Check this `list in the blogpost

How the Table of Contents builds

Read about this in the `original README <>`__.

Contributing or modifying the theme

This chapter is taken from the `original README <>`__
(and then modified)::

The ``t3SphinxThemeRtd`` is primarily a `Sass <>`__ project that
requires a few other Sass libraries. We are using `Bower <>`__ to
manage these dependencies and Sass to build the css. The good news is that there is
a nice set of `Grunt <>`__ operations that will not only load
these dependecies, but watch for changes, rebuild the sphinx demo docs and build
a distributable version of the theme. The bad news is this means you'll need to
set up your environment similar to that of a front-end developer (versus that of
a python developer). That means installing `Node <>`__
and `Ruby <>`__.

Set up a development environment

1. Install `Sphinx <>`__.
It is a good idea - but not a requirement - to install into a `virtual environment

# Maybe activate virtualenv first. Then:

pip install sphinx

2. Install Sass::

gem install sass

3. Install Node, Bower and Grunt::

# Install node
brew install node

# Install bower and grunt
npm install -g bower grunt-cli

# Now that everything is installed, let's install the theme's dependecies.
cd t3SphinxThemeRtd
npm install

5. You may want to add the `Livereload Addons <>`__ to your
Firefox and Chrome browser.

6. Now that our environment is set up, make sure you're in your virtual environment, go to
our package in the terminal and run Grunt::

cd t3SphinxThemeRtd

Or, mabe even better, run Grunt in the background::

cd t3SphinxThemeRtd
grunt &

This default task will do the following **very cool things that make it worth the trouble**.

1. It'll install and update any bower dependencies.
2. It'll run sphinx and build the demo_docs.
3. It'll watch for changes to the Sass files and build css from the changes.
4. It'll rebuild the sphinx demo_docs anytime it notices a change to .rst, .html, .js
or .css files.
5. It'll start a local web server at localhost:1919.
6. It'll show the demo_docs in the browser.
7. It'll refresh the browser for localhost:1919 automatically if LiveReload is enabled.

There is a `grunt copy` command as well that copies files from the components
that bower fetches into the actual theme directory. For example fonts are move to the
right place that way.

**Note:** I you want that copy action you need to run ``grunt copy`` manually.
It is not run by default.

End of README.

Project details

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Files for t3SphinxThemeRtd, version 3.6.15
Filename, size File type Python version Upload date Hashes
Filename, size t3SphinxThemeRtd-3.6.15-py3-none-any.whl (3.5 MB) File type Wheel Python version py3 Upload date Hashes View
Filename, size t3SphinxThemeRtd-3.6.15.tar.gz (3.4 MB) File type Source Python version None Upload date Hashes View

Supported by

AWS AWS Cloud computing Datadog Datadog Monitoring DigiCert DigiCert EV certificate Facebook / Instagram Facebook / Instagram PSF Sponsor Fastly Fastly CDN Google Google Object Storage and Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Salesforce Salesforce PSF Sponsor Sentry Sentry Error logging StatusPage StatusPage Status page