Skip to content

Themes 5.5e

Brioche Masquée edited this page Aug 4, 2026 · 1 revision

5.5e

The current default (and only) theme — a modern D&D 5.5e (2024 core rulebook) appearance.

Fonts and licensing

All fonts are third-party, licensed and attributed in THIRD-PARTY-LICENSES.md:

  • Bookinsanity, Mr Eaves Small Caps Reloaded, Scaly Sans (+ Caps) — Solbera's D&D 5e font collection, CC BY-SA 4.0.
  • Solbera Imitation Tweak — same collection, used for the drop-cap letter opening a page's first paragraph.
  • Walter Turncoat — a standalone Google Fonts release (Apache 2.0), unrelated to the Solbera collection.

Color palette

Ten named colors, used as a class wherever a "colorable" element below accepts one: blue, green, red, orange, yellow, gray, purple, teal, magenta, and signature (the theme's own accent — also what you get with no color class at all).

Not every element below accepts a color — each section says whether it does.

Blockquote variants

Plain (no class) — colorable, links optionally too

The default blockquote: a bold title, then text. Colorable with any of the ten colors. Add .color-links alongside a color to also color any Markdown links inside it — off by default, since a link usually already reads fine in its normal link color.

> **Title**
>
> Quotation text.

> **Title**
>
> Quotation text with [hyperlink](https://example.com).
{.red .color-links}

Two plain blockquotes: default signature color, and red with color-links

.read — not colorable

> Text to read aloud.
{.read}

A read-aloud blockquote

.paper — not colorable

> Text on parchment.
{.paper}

A parchment-style blockquote

.flavortext — not colorable

> Flavor text.
{.flavortext}

A flavor-text blockquote

.large-quote — not colorable

> Quotation text.
{.large-quote}

A large pull-quote blockquote

.flowchart / .flowchart-with-link — colorable

Two in a row connect automatically into a sequence:

> **Title** {.text-center}
>
> Flowchart text.
{.flowchart .teal}

> **Title** {.text-center}
>
> Flowchart text.
{.flowchart .teal}

Two connected flowchart blockquotes in teal

Tables — colorable

| Column 1 | Column 2 |
| --- | --- |
| Value 1 | Value 2 |
| Value 1 | Value 2 |
| Value 1 | Value 2 |
| Value 1 | Value 2 |
{.orange}

A table colored orange

.color-links works here too, same as a blockquote.

Roll tables (auto-detected)

Roll Table Title {.table-title}

| [2d6](/roll/2d6) | Result |
|:---:|:---|
| 2 | Result A |
| 3-4 | Result B |

A roll table, auto-detected, with its preview caption

See Roll Tables for how detection works.

Text color — not a block, ten colors

Wraps a word or phrase rather than a whole element:

**Blue color class**{.text-blue}

**Green color class**{.text-green}

**Red color class**{.text-red}

**Orange color class**{.text-orange}

**Yellow color class**{.text-yellow}

**Gray color class**{.text-gray}

**Purple color class**{.text-purple}

**Teal color class**{.text-teal}

**Magenta color class**{.text-magenta}

**Signature color class**{.text-signature}

Ten lines of bold text, each in a different color class

Compendium cards

Items and spells — not colorable

name: "Lantern Keeper's Whistle"
type: "wondrousItem"
rarity: "uncommon"
attunement: true
descr: "A bone whistle that once called Rasgrim's shift change."
sources:
  - name: "The Sunken Lighthouse"
    page: 9
tags: ["wondrous", "quest"]

An item card, in the theme's single fixed style

Monsters — colorable, plus .two-column

name: "Barnacle Crawler"
size: "M"
type: "beast"
alignment: "UU"
ac: "14"
hp: "18"
…

A monster card in the theme's default color

Add a color class on the fence (```monster {.teal}) to recolor it, and .two-column for a denser layout on a longer stat block. See Monsters.

Clone this wiki locally