Bifrost MkDocs

Intility's Bifrost design system as a Material for MkDocs plugin.

Description

A pip-installable MkDocs plugin that applies Intility's Bifrost design system to Material for MkDocs. The plugin is batteries-included: colors, typography, component styling, markdown extensions, theme features, and message icons are all configured automatically.

Installation

Start from the bifrost-mkdocs-template for a preconfigured project, or add the plugin to an existing one:

uv pip install intility-bifrost-mkdocs

Usage

Set the theme to material and add intility-bifrost to your mkdocs.yml plugins:

theme:
  name: material

plugins:
  - intility-bifrost
  - search

That's the whole setup. The plugin configures the markdown extensions, theme features, fonts, icons, and a light/dark palette toggle for you.

To pick a different theme color, set a version badge, or build navigation from .nav.yml files, see the Quick Start in the docs.

What it provides

Adding intility-bifrost to your plugins list gives you:

• Bifrost design system - Colors, typography, and component styling matching the Intility design system
• Light/dark mode - Automatic theme switching with Bifrost color variables
• Theme colors - teal, purple, pink, yellow (set via primary in your palette config)
• Typography - Satoshi for all text, JetBrains Mono for code (both self-hosted, no Google Fonts)
• Markdown extensions - Messages, code highlighting, tabs, mermaid diagrams, emoji, task lists, and more
• Theme features - Instant navigation, search suggestions (with a ⌘ K / Ctrl K hotkey), code copy buttons, and more
• Message icons - Custom FontAwesome icons for all message types
• Version badge - Set extra.version in mkdocs.yml to show a Bifrost-styled version badge in the header
• Bundled plugins - mkdocs-awesome-nav and mkdocs-git-revision-date-localized-plugin are installed alongside; opt in by adding them to your plugins: list
• GitHub-style alerts - markdown-callouts is bundled and auto-enabled, so > [!NOTE] blocks render as Bifrost Messages

All defaults are injected only when the user hasn't provided their own config, so you can override anything by setting it explicitly in your mkdocs.yml.

Local development

This project uses mise for tooling and just as a task runner:

mise install   # installs uv, Python, Node, just and lefthook
just setup     # syncs dev dependencies and installs git hooks
just dev       # serve the docs site locally

Run just to see all available recipes. The demo site at docs/index.md uses the plugin directly. See CONTRIBUTING.md for the full workflow.