---
url: /api/renderers/vitepress/src.md
---
[pantoken-root](../../../index.md) / vitepress

# vitepress

## Compatibility

Target: VitePress. Current format: `Built site CSS includes the Pantoken primary-brand bridge`. Minimum host version: `1.6.4`. Tested through `1.6.4`. Newer releases require review.

[Full compatibility matrix](../../../../compatibility)

Beta

`@pantoken/vitepress` — theme a VitePress site with Instructure tokens.

VitePress theming is driven by `--vp-*` CSS variables. This points them at `var(--instui-*)`, so
dropping the output into `.vitepress/theme/custom.css` (alongside `@pantoken/css`, which defines
the custom properties) re-skins the docs with the Instructure look while light/dark keeps flowing
through the same tokens.

## Interfaces

* [ToVitePressCssOptions](interfaces/ToVitePressCssOptions.md)

## Variables

* [VITEPRESS_TO_INSTUI](variables/VITEPRESS_TO_INSTUI.md)