theming
Use when an app uses @pierre/theming to list, resolve, select, switch, persist, or apply themes, including color modes, theme controllers, React state, UI colors, and bundled Pierre or Shiki collections.
来源信息
- 仓库
- pierrecomputer/pierre
- 最近来源活动
- 2026年10月20日 20:26
- 检测到的 SKILL.md 语言
- 英语
- 星标
- 6,395
- Forks
- 245
安装方式
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
检查来源文件
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
文件资源管理器
10 个文件正在显示 SKILL.md
SKILL.md
来源说明 · 只读预览- name
- theming
- description
- Use when an app uses @pierre/theming to list, resolve, select, switch, persist, or apply themes, including color modes, theme controllers, React state, UI colors, and bundled Pierre or Shiki collections.
# `@pierre/theming`
Use `@pierre/theming` to manage runtime themes. The package separates theme
metadata, theme resolution, selected state, and UI color mapping.
## Install
```bash
pnpm add @pierre/theming
```
Install optional peer dependencies only for the selected entry. The React entry
needs `react`. The themes entry needs `@pierre/theme`, `@shikijs/themes`, and
`shiki`.
## Select an API reference
| Need | Reference |
| -------------------------------------------------------------- | -------------------------------------------- |
| Create a collection, catalog, descriptor, or bundled theme set | [Collections API](references/collections.md) |
| Register, load, seed, or cache theme objects | [Resolver API](references/resolver.md) |
| Track the color mode and selected light and dark themes | [Controller API](references/controller.md) |
| Normalize workbench colors or derive colors | [Colors API](references/colors.md) |
| Read controller state in React | [React API](references/react.md) |
## Select a controller recipe
| Situation | Recipe |
| ---------------------------------------------------------------------------- | --------------------------------------------------------------------- |
| One app or page shares one color mode and one light/dark selection | [Use one controller](references/recipe-one-controller.md) |
| Independent areas need separate selections or separate controller lifecycles | [Use multiple controllers](references/recipe-multiple-controllers.md) |
Use one controller by default. Use multiple controllers only when the theme
state must differ between areas.
## Select a framework recipe
| Host | Recipe |
| --------------------------------------- | ------------------------------------------------------ |
| Vanilla JavaScript or another framework | [Use vanilla JavaScript](references/recipe-vanilla.md) |
| React | [Use React](references/recipe-react.md) |
在 GitHub 查看