Campaign Themes
Every campaign can have its own visual identity. Campaign creators pick a preset (or craft their own look with CSS variables), and players can override it with a personal theme.
Preset Themes
Six curated presets, each tuned for a mood or genre:
Preset | Colors | Description | Tags |
|---|---|---|---|
Forest |
| Deep greens and earthy tones for nature-rooted campaigns. | nature, fantasy, warm |
Parchment |
| Warm aged-paper tones for classic fantasy and historical campaigns. | fantasy, warm, classic, historical |
Night (dark) |
| Deep navy and cool tones for mystery, espionage, or noir campaigns. | dark, mystery, noir, cool |
Minimal |
| High contrast, no-frills styling. Good for accessibility and readability. | clean, accessible, high-contrast |
Arcane (dark) |
| Mystical violet and deep purple for magic-heavy or eldritch campaigns. | dark, fantasy, magic, mystical |
Blood (dark) |
| Deep crimson for horror, gothic, or dark-fantasy campaigns. | dark, horror, gothic, crimson |
Applying a Theme
Campaign theme (creator, applies to everyone): campaign Settings → pick a preset under Theme → Save Campaign.
Personal theme (per player, your view only): click your username in the top navigation → pick a preset under Personal Theme → Save Theme.
Priority
Theme sources are applied in order; later layers win on any variable both define:
Priority | Source | Notes |
|---|---|---|
Highest | Campaign Custom CSS | Always applied last — the creator's raw overrides for branding and touches no preset covers. |
2 | Your personal theme | Overrides the campaign preset for you alone — e.g. a consistent high-contrast theme across all campaigns. |
3 | Campaign theme | The creator's chosen preset; the default for everyone. |
Advanced: Custom CSS Variables
Campaign creators can go beyond presets in Settings → Advanced: Custom CSS Variables. Assignments take effect last and can extend or override any preset.
Variable | What it controls |
|---|---|
| Secret block background |
| Secret block border |
| "SECRET" label |
| Dashed separator above the Known-by list |
| "Known by" label |
| Known-by pill background |
| Known-by pill border |
| Known-by pill text |
| Info-box row separator |
| Info-box title bar background |
| Info-box title bar text |
| Quote block background |
| Quote block border |
| Quote mark accent |
| Panel background in campaign content |
| Font family for headings (h1–h6) in campaign content |
| Font family for body text in campaign content |
| Opacity of the paper-grain texture on cards ( |