Skip to content
VitePress Carbon

VitePress Carbon

Streamlined Theme

GitHub-inspired docs with sharper contrast, balanced spacing, and a polished feel on every screen.

VitePress Carbon

Get started

Install it, point your config at it, done

Carbon is a drop-in VitePress theme. There is no build step to wire up and no configuration to port — your existing config.mts keeps working.

sh
npm install vitepress-carbon
sh
pnpm add vitepress-carbon
sh
yarn add vitepress-carbon
sh
bun add vitepress-carbon
js
// .vitepress/theme/index.js
import { VPCarbon } from 'vitepress-carbon'

export default VPCarbon

Why Carbon

Docs your readers already know how to use

Your README already fits

Paste it in and it renders exactly as it does on GitHub — same headings, tables, code and callouts. Nothing to reformat, nothing to double‑check.

A dark mode you won't apologise for

Both schemes are drawn from Primer's own tokens, so neither is an inverted afterthought. Ship on day one without a contrast audit.

Zero orientation required

Grouped sidebar, an outline that follows your scroll, keyboard search. Anyone who uses GitHub daily already knows where everything is.

Restyle it without forking it

Every surface, accent and radius is a CSS variable. Make it yours by changing a token — not by fighting specificity in someone else's component.

Read the guide

Full setup, configuration and theming reference — including how to extend Carbon without forking it.