> ## Documentation Index
> Fetch the complete documentation index at: https://docs.livepeer.org/llms.txt
> Use this file to discover all available pages before exploring further.

# Config

> Non-component configuration objects (e.g. Theme, colour maps).

<Note>
  **Generation Script**: This file is generated from script(s): `operations/scripts/generators/components/documentation/generate-component-docs.js`. <br />
  **Purpose**: Generated component-library MDX pages derived from docs-guide/config/component-registry.json. <br />
  **Run when**: Component governance metadata, registry outputs, or published component-library templates change. <br />
  **Important**: Do not manually edit this file; run `node operations/scripts/generators/components/documentation/generate-component-docs.js --fix --template-only --category config`. <br />
</Note>

<Card title="Back to Component Library" icon="arrow-left" href="/v2/resources/documentation-guide/component-library" arrow>
  Return to the generated component library landing page.
</Card>

## Config

Non-component configuration objects (e.g. Theme, colour maps).

This category currently contains **1** governed export(s).

### Decision Tree Excerpt

1. Fetches, embeds, or binds to external/third-party data? → `integrators/`
2. Part of the page's outer structure, typically used once? → `scaffolding/`
3. Takes content and presents it in a formatted way? → `displays/`
4. Exists to hold, group, or arrange other things? → `wrappers/`
5. Single visual piece – no wrapping, no arranging, no fetching? → `elements/`

### Summary Table

| Component      | Status   | Import path                                      | Description                                                                       |
| -------------- | -------- | ------------------------------------------------ | --------------------------------------------------------------------------------- |
| MermaidColours | `stable` | `/snippets/components/config/MermaidColours.jsx` | Theme colour definitions for Mermaid diagrams (light/dark/CSS variable mappings). |

## Component Reference

### MermaidColours

Use **MermaidColours** when you need theme colour definitions for Mermaid diagrams (light/dark/CSS variable mappings).. Accepts: none (exported object literal).
Source description: Theme colour definitions for Mermaid diagrams (light/dark/CSS variable mappings).
**Import path**

```jsx theme={"theme":{"light":"github-light","dark":"dark-plus"}}
import { MermaidColours } from '/snippets/components/config/MermaidColours.jsx'
```

**Metadata**

* Status: `stable`
* Accepts: `none (exported object literal)`
* Data source: `none`
  **Props**
  No documented props.