pi-coder-theme

Pi Coder Theme UI suite for Pi: theme, editor chrome, and compact tool display.

Packages

Package details

extensionskilltheme

Install pi-coder-theme from npm and Pi will load the resources declared by the package manifest.

npm report

$ pi install npm:pi-coder-theme

Package: pi-coder-theme
Version: 0.1.0
Published: May 18, 2026
Downloads: not available
Author: vurihuang
License: MIT
Types: extension, skill, theme
Size: 1.4 MB
Dependencies: 3 dependencies · 2 peers

Pi manifest JSON

{
  "extensions": [
    "./node_modules/@marckrenn/pi-sub-core/index.ts",
    "./extensions/pi-coder-theme-editor.ts",
    "./extensions/thinking-steps/index.ts",
    "./node_modules/pi-tool-display/index.ts",
    "./extensions/pi-coder-theme-user-message.ts"
  ],
  "themes": [
    "./themes"
  ],
  "skills": [
    "./skills"
  ]
}

Security note

Pi packages can execute code and influence agent behavior. Review the source before installing third-party packages.

README

pi-coder-theme

Pi Coder Theme UI for Pi: a Pi Coder Theme dark theme, rounded editor chrome, synchronized thinking-level colors, compact user messages, and bundled compact tool rendering.

Install

pi install npm:pi-coder-theme

Set the theme in Pi settings, or in ~/.pi/agent/settings.json:

{
  "theme": "pi-coder-theme-dark"
}

If npm:pi-tool-display is installed separately, remove it. pi-coder-theme already bundles it.

Includes

pi-coder-theme-dark theme
Pi Coder Theme editor chrome with context, cost, ChatGPT subscription quota, model, thinking level, cwd, branch, and git change summary
Working status integrated into the editor status row, with git changes kept on the right
Compact Pi Coder Theme user messages with thinking-level color sync
Structured thinking-step display for visible assistant reasoning
Bundled pi-tool-display

Structured thinking display turns visible provider reasoning into terminal-native steps while preserving the original reasoning text. If Pi's assistant-message internals are incompatible with this package version, pi-coder-theme warns and leaves Pi's native thinking renderer in place for that session.

ChatGPT quota display appears only for OpenAI/Codex models authenticated through Pi's subscription/OAuth login. It consumes subscription usage updates from @marckrenn/pi-sub-core, keeps the existing compact 5h … / W … editor label, and refreshes through sub-core on the chatGptQuota.refreshMinutes interval from config.json (default 5 minutes). API-key sessions and unsupported providers do not show quota usage.

Development

npm install
npm test
npm run typecheck
npm run check
npm run pack:check

For local Pi testing:

pi install /Users/frank/Code/pi-coder-theme

Switch back to the published package when done:

pi remove /Users/frank/Code/pi-coder-theme
pi install npm:pi-coder-theme

Release

Use the bundled release skill/checklist:

release-pi-coder-theme

At minimum:

npm run release:check
npm publish

See CHANGELOG.md for release notes.

License

MIT