---
slug: "pi-tokyo-night"
source_type: "readme"
source_url: "https://cdn.jsdelivr.net/gh/MitoroMisaka/pi-tokyo-night@master/README.md"
repo: "https://github.com/MitoroMisaka/pi-tokyo-night"
source_file: "README.md"
branch: "master"
---
# pi-tokyo-night

<p align="center">
  <img src="https://img.shields.io/npm/v/pi-tokyo-night?style=flat-square" alt="npm version">
  <img src="https://img.shields.io/npm/dw/pi-tokyo-night?style=flat-square" alt="downloads">
  <img src="https://img.shields.io/badge/license-MIT-blue?style=flat-square" alt="license">
  <img src="https://img.shields.io/badge/pi--package-%2300aaff?style=flat-square" alt="pi package">
</p>

Tokyo Night theme and custom header for the [Pi coding agent](https://github.com/earendil-works/pi).

This package brings the iconic **Tokyo Night** color palette — popularized by [enkia/tokyo-night-vscode-theme](https://github.com/enkia/tokyo-night-vscode-theme) — to Pi's terminal UI, along with a matching custom ASCII art header.

## Install

```bash
pi install npm:pi-tokyo-night
```

Or from GitHub:

```bash
pi install git:github.com/MitoroMisaka/pi-tokyo-night
```

## What's included

### 🎨 Tokyo Night Theme

All 51 color tokens carefully tuned:

| Category | Colors |
|----------|--------|
| Background | `#1a1b26` deep navy blue |
| Foreground | `#c0caf5` soft white-blue |
| Accent | `#7aa2f7` Tokyo blue |
| Syntax | Purple keywords, blue functions, cyan types, green strings, orange variables |
| Diffs | Green additions, red deletions, muted context |
| Thinking | Gradient from blue (minimal) → red (xhigh) |

### 🖥️ Custom Header

Replaces the default header with a Tokyo Night themed ASCII art display showing the Pi logo and useful keybinding hints.

**Restore default header:** `/default-header`

## Usage

After installing, the theme is applied automatically. If it doesn't switch:

1. Open Pi settings: `/settings` → select `tokyo-night`
2. Or manually set in `~/.pi/agent/settings.json`:

```json
{
  "theme": "tokyo-night"
}
```

## Credits

- Color palette inspired by [Tokyo Night VS Code Theme](https://github.com/enkia/tokyo-night-vscode-theme)
- Pi coding agent by [@badlogicgames](https://github.com/earendil-works)

## License

MIT
