ossrules.md

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 · 1831817 ↗Scanned 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/variants.md

references/variants.mdBrowse 5 files
View on GitHub
267 tokens

1,438 bytes
Token encoding: o200k_base
Snapshot 1831817

← Back to SKILL.md

Pierre theme variants

Select one treatment and use its light and dark entries as a pair.

TreatmentLight entryDark entrySelect it for
Standardpierre-lightpierre-darkThe default Pierre appearance.
Softpierre-light-softpierre-dark-softA lower-contrast appearance.
Vibrantpierre-light-vibrantpierre-dark-vibrantDisplay-P3 output in Shiki or a web page.
Protanopia and deuteranopiapierre-light-protanopia-deuteranopiapierre-dark-protanopia-deuteranopiaRed-green color-vision support.
Tritanopiapierre-light-tritanopiapierre-dark-tritanopiaBlue-yellow color-vision support.

The editor extensions include the eight sRGB themes. The vibrant themes use CSS Display-P3 color syntax and target web output.

Use the standard pair unless the product specifies another treatment. Use the same treatment for both color schemes.

Referenced from SKILL.md
SKILL.mdView in source ↗
Source excerpt starting at line 24.
| List every package entry and export     | [API reference](references/api.md)       || Compare all themes and select a variant | [Theme variants](references/variants.md) |
← All Pierre skillsProject instructions →