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 ↗
View on GitHub
← Back to SKILL.md

@pierre/theme API reference

This reference lists every public package entry.

Main entry

ImportExportPurpose
@pierre/themethemeNamesLists the ten theme names in package order.

Theme entries

Each entry has one default export. The export is an immutable Pierre theme object.

ImportTheme nameColor schemePurpose
@pierre/theme/pierre-lightpierre-lightLightSupplies the standard light theme.
@pierre/theme/pierre-darkpierre-darkDarkSupplies the standard dark theme.
@pierre/theme/pierre-light-softpierre-light-softLightSupplies the soft light theme.
@pierre/theme/pierre-dark-softpierre-dark-softDarkSupplies the soft dark theme.
@pierre/theme/pierre-light-vibrantpierre-light-vibrantLightSupplies the Display-P3 light theme.
@pierre/theme/pierre-dark-vibrantpierre-dark-vibrantDarkSupplies the Display-P3 dark theme.
@pierre/theme/pierre-light-protanopia-deuteranopiapierre-light-protanopia-deuteranopiaLightSupplies the light red-green color-vision variant.
@pierre/theme/pierre-dark-protanopia-deuteranopiapierre-dark-protanopia-deuteranopiaDarkSupplies the dark red-green color-vision variant.
@pierre/theme/pierre-light-tritanopiapierre-light-tritanopiaLightSupplies the light blue-yellow color-vision variant.
@pierre/theme/pierre-dark-tritanopiapierre-dark-tritanopiaDarkSupplies the dark blue-yellow color-vision variant.

Raw theme entries

@pierre/theme/themes/* exposes each generated JSON file. Replace * with a theme file name, including .json.

Theme object

Each default export has these immutable fields:

FieldPurpose
nameProvides the stable theme identifier.
displayNameProvides the label for a theme selector.
typeIdentifies the light or dark color scheme.
colorsMaps VS Code workbench color keys to colors.
tokenColorsDefines TextMate token styles.
semanticTokenColorsDefines semantic token styles.
Referenced from SKILL.md