theme

Use when an app needs a Pierre light or dark theme from @pierre/theme for Shiki, VS Code, Cursor, or Zed, including soft, vibrant, protanopia, deuteranopia, and tritanopia variants.

Install
npx skills add 'https://github.com/pierrecomputer/pierre/tree/main/skills/theme'
Download bundle ↓
main · 1831817Scanned 2026-09-15

Contributors

GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.

File history ↗

references/recipe-shiki.md

references/recipe-shiki.mdBrowse 5 files
View on GitHub
← Back to SKILL.md

Recipe: use a Pierre theme with Shiki

Install the package:

pnpm add @pierre/theme shiki

Import the theme object and pass it to Shiki:

import pierreDark from '@pierre/theme/pierre-dark';
import { codeToHtml } from 'shiki';

const html = await codeToHtml(source, {
  lang: 'typescript',
  theme: pierreDark,
});

Import a matching light and dark pair when the app supports both color schemes. Use the theming skill when the user can change the active theme at runtime.

Referenced from SKILL.md