mkdocs-primer
A MkDocs theme built on GitHub's Primer design system — documentation that looks like it belongs on GitHub.
Install
$ pip install mkdocs-primer
# mkdocs.yml
theme:
name: primer
Features
- GitHub's
.markdown-bodyrendering — the same typography, tables and code chrome as a README on github.com. - Light and dark modes via Primer's color primitives, with an auto/light/dark toggle that remembers the visitor's choice. Defaults to following the OS.
- Syntax highlighting mapped onto Primer's
prettylightsvariables, so code colors follow the color mode. Works with bothpymdownx.highlightandcodehilite. - Copy buttons for Pygments code blocks and an accessible back-to-top control that respects reduced-motion preferences.
- Admonitions styled after GitHub's alerts. The
admonitionextension ships no CSS and@primer/csshas no rule for it, so most themes render!!! noteundecorated. - Sidebar navigation with unlimited nesting, prev/next links, a search results page, and a 404 page.
- "Improve this page" footer, as in the Jekyll theme, with a "Last updated" line when
mkdocs-git-revision-date-localizedis enabled. - Native support for the plugins that need it:
mkdocs-section-index(section labels render as links) andmkdocs-static-i18n(translated pages get the right<html lang>and can use the header language selector). See Plugins.
Configuration
| Option | Default | Description |
|---|---|---|
logo |
null |
Image shown beside the site name, relative to docs_dir. |
favicon |
img/favicon.svg |
Site icon. |
include_sidebar |
true |
Render the navigation sidebar. |
show_footer |
true |
Render the "Improve this page" footer. |
color_mode |
auto |
Initial color mode: auto, light or dark. |
light_theme |
light |
Primer theme used in light mode. |
dark_theme |
dark |
Primer theme used in dark mode. |
For GitHub's hover anchors next to headings, enable the toc extension with a leading permalink carrying Primer's anchor class:
markdown_extensions:
- toc:
permalink: ""
permalink_class: anchor
permalink_leading: true
(The empty permalink is deliberate — the theme supplies the octicon, and it keeps a stray ¶ out of your search results.)
See the documentation for the rest.
Development
For the package release procedure, see RELEASING.md.
The CSS under mkdocs_primer/css/vendor/ is copied from @primer/css and @primer/primitives and committed, so installing the theme needs no Node toolchain.
To refresh it after bumping a version in package.json:
$ npm install
$ npm run vendor
CI fails if those committed files drift from the pinned versions.
To preview the demo site:
$ pip install -e . -r requirements-docs.txt
$ mkdocs serve
The demo site doubles as the theme's plugin compatibility test: mkdocs.yml enables every plugin that needs something from a theme, and CI builds it with --strict.
Those plugins need Python 3.10+, so CI checks the theme's own floor of 3.9 against a plugin-free site.
A few plugins cannot share that config — rss and gen-files both break under static-i18n — so they get their own sites under examples/, published beside the main one.
Build them after it, since mkdocs build cleans site/:
$ mkdocs build --strict
$ mkdocs build --strict -f examples/rss/mkdocs.yml
$ mkdocs build --strict -f examples/gen-files/mkdocs.yml
License
MIT. Vendored Primer CSS is MIT, Copyright (c) GitHub, Inc. — see mkdocs_primer/css/vendor/LICENSE.
1 maintainer
Release files for mkdocs-primer 0.1.0
For a detailed explanation of source distributions (sdists) and built distributions (wheels), please see the package formats documentation.
Source distribution (sdist)
| File | Size | Uploaded | |
|---|---|---|---|
| mkdocs_primer-0.1.0.tar.gz | 90.5 kB | Details |
Built distribution (wheel)
| File | Interpreter | ABI | Platform | Reset |
|---|---|---|---|---|
| mkdocs_primer-0.1.0-py3-none-any.whl | Python 3 | none | any | Details |
Total release size: 188.6 kB
Release files / mkdocs_primer-0.1.0.tar.gz
| Download URL | mkdocs_primer-0.1.0.tar.gz |
|---|---|
| Size | 90.5 kB |
| Tags | Source |
|
SHA-256 checksum How to use checksums |
a392eead5afe69136f05ccb4e5ec0baee6fd0ac305ad7f549d8c0d5b97605f68
|
|
BLAKE2b-256 checksum How to use checksums |
1abe651d64b7204c24acd3593739364dde198187aeebd29400f0df376b88b886
|
| Upload date | |
|
Uploaded using Trusted Publishing? What is trusted publishing? |
Yes |
| Uploaded via |
twine/7.0.0 CPython/3.13.14
|
Provenance
Provenance describes where a file came from. On PyPI, provenance is shared via attestations, which provide a verifiable record of the build or publishing details. View details, limitations and caveats.
PyPI Publish Attestation
PyPI verified that this artifact, at this checksum, originated from the publisher listed below.
Signed by GitHub Actions, verified by PyPI on Sep 2, 2026.
Transparency logRelease files / mkdocs_primer-0.1.0-py3-none-any.whl
| Download URL | mkdocs_primer-0.1.0-py3-none-any.whl |
|---|---|
| Size | 98.1 kB |
| Tags | Python 3 |
|
SHA-256 checksum How to use checksums |
771a67ef5949acf725e56362e5106901775f2e0d99b9bb57e2012856a1270003
|
|
BLAKE2b-256 checksum How to use checksums |
4f3e539231c958577f39494adf4bc6b3fa50a4a54dce82336d984a3738420fcd
|
| Upload date | |
|
Uploaded using Trusted Publishing? What is trusted publishing? |
Yes |
| Uploaded via |
twine/7.0.0 CPython/3.13.14
|
Provenance
Provenance describes where a file came from. On PyPI, provenance is shared via attestations, which provide a verifiable record of the build or publishing details. View details, limitations and caveats.
PyPI Publish Attestation
PyPI verified that this artifact, at this checksum, originated from the publisher listed below.
Signed by GitHub Actions, verified by PyPI on Sep 2, 2026.
Transparency log
