{"slug": "pi-coding-agent-ghostty-setup-tokyo-night-storm-improved-statusline-tps-meter", "title": "Pi coding agent + Ghostty setup (tokyo-night-storm-improved, statusline, tps-meter, startup-header)", "summary": "A developer shared a setup combining the Pi coding agent with the Ghostty terminal emulator, featuring the tokyo-night-storm-improved theme, a custom statusline, tps meter, and startup header. The configuration includes a blurred background image and a dark color palette inspired by Oscura Midnight.", "body_md": "Glass/blur/image = Ghostty. Agent UI = Pi theme + statusline + tps meter + startup header.\n\n`tokyo-night-storm-improved`\n\n📦 [https://www.npmjs.com/package/pi-theme-tokyo-night-storm-improved](https://www.npmjs.com/package/pi-theme-tokyo-night-storm-improved)\n\n🐙 [https://github.com/H1V35/pi-theme-tokyo-night-storm-improved](https://github.com/H1V35/pi-theme-tokyo-night-storm-improved)\n\n`@narumitw/pi-statusline`\n\n📦 [https://www.npmjs.com/package/@narumitw/pi-statusline](https://www.npmjs.com/package/@narumitw/pi-statusline)\n\n🐙 [https://github.com/narumiruna/pi-extensions](https://github.com/narumiruna/pi-extensions)\n\n`pi-tps-meter`\n\n📦 [https://www.npmjs.com/package/pi-tps-meter](https://www.npmjs.com/package/pi-tps-meter)\n\n🐙 [https://github.com/vskrch/pi-tps-meter](https://github.com/vskrch/pi-tps-meter)\n\n`pi-startup-header`\n\n📦 [https://www.npmjs.com/package/pi-startup-header](https://www.npmjs.com/package/pi-startup-header)\n\n🐙 [https://github.com/EnderLiquid/pi-startup-header](https://github.com/EnderLiquid/pi-startup-header)\n\n```\npi install npm:pi-theme-tokyo-night-storm-improved\npi install npm:@narumitw/pi-statusline\npi install npm:pi-tps-meter\npi install npm:pi-startup-header\n{\n  \"packages\": [\n    \"npm:pi-theme-tokyo-night-storm-improved\",\n    \"npm:@narumitw/pi-statusline\",\n    \"npm:pi-tps-meter\",\n    \"npm:pi-startup-header\"\n  ],\n  \"theme\": \"tokyo-night-storm-improved\",\n  \"quietStartup\": true,\n  \"tokenSpeed\": {\n    \"display\": \"tps\",\n    \"useProviderTokens\": false,\n    \"countStrategy\": \"direct\",\n    \"endTpsBehavior\": \"last\"\n  }\n}\n```\n\n`quietStartup: true`\n\nhides the default Pi startup header text.- Toggle it in\n`/settings`\n\n(or set it in`settings.json`\n\n). - If you want the fancy ASCII header from\n`pi-startup-header`\n\n, leave`quietStartup`\n\noff /`false`\n\nso the extension can show it. With`quietStartup: true`\n\n, startup chrome is suppressed.\n\n```\n{\n  \"palette\": \"tokyo-night\",\n  \"density\": \"compact\",\n  \"separator\": \"none\",\n  \"segments\": [\n    \"brand\",\n    \"provider\",\n    \"model\",\n    \"thinking\",\n    \"cwd\",\n    \"branch\",\n    \"tools\",\n    \"context\",\n    \"tokens\",\n    \"cost\",\n    \"time\"\n  ],\n  \"segmentText\": {\n    \"brand\": { \"prefix\": \"\", \"suffix\": \"\" },\n    \"provider\": { \"prefix\": \"🔌 \", \"suffix\": \"\" },\n    \"model\": { \"prefix\": \"🤖 \", \"suffix\": \"\" },\n    \"thinking\": { \"prefix\": \"🧠 \", \"suffix\": \"\" },\n    \"cwd\": { \"prefix\": \"📁 \", \"suffix\": \"\" },\n    \"branch\": { \"prefix\": \"🌿 \", \"suffix\": \"\" },\n    \"tools\": { \"prefix\": \"\", \"suffix\": \"\" },\n    \"context\": { \"prefix\": \"🪟 ctx \", \"suffix\": \"\" },\n    \"tokens\": { \"prefix\": \"🔢 \", \"suffix\": \"\" },\n    \"cost\": { \"prefix\": \"💸 $\", \"suffix\": \"\" },\n    \"time\": { \"prefix\": \"🕒 \", \"suffix\": \"\" },\n    \"turn\": { \"prefix\": \"🔁 #\", \"suffix\": \"\" }\n  },\n  \"extensionStatusIcons\": {\n    \"chrome-devtools\": \"🌐\",\n    \"codex-usage\": \"📊\",\n    \"caffeinate\": \"💊\",\n    \"firecrawl\": \"🔥\",\n    \"github-pr\": \"🔎\",\n    \"goal\": \"🎯\",\n    \"lsp\": \"🧰\",\n    \"plan-mode\": \"📝\",\n    \"pisync\": \"🔄\",\n    \"subagents\": \"🧑‍🤝‍🧑\",\n    \"unknown-error-retry\": \"🔁\"\n  }\n}\n```\n\n(`~/Library/Application Support/com.mitchellh.ghostty/config.ghostty`\n\non macOS)\n\n```\ntheme = oscura-midnight-grok\nfont-family = \"JetBrainsMono NFM Regular\"\nfont-size = 20\nwindow-padding-x = 10\nwindow-padding-y = 10\nwindow-decoration = true\ncursor-style = block\nadjust-cell-height = 35%\nmouse-scroll-multiplier = 2\nwindow-colorspace = \"display-p3\"\ncopy-on-select = clipboard\nwindow-padding-balance = true\nwindow-save-state = never\nmacos-titlebar-style = transparent\n\nbackground-blur = 20\nbackground-opacity = 0.95\nbackground-image = ~/image5.png\nbackground-image-opacity = 0.30\nbackground-image-fit = cover\nbackground-image-position = center\nminimum-contrast = 5\nforeground = #e8e4ef\n# Oscura Midnight–inspired\nbackground = #0c0b10\nforeground = #e8e4ef\ncursor-color = #c4a7e7\ncursor-text = #0c0b10\nselection-background = #3d2a4f\nselection-foreground = #f2eef8\n\npalette = 0=#1a1820\npalette = 8=#5a5466\npalette = 1=#e06c75\npalette = 9=#f08a92\npalette = 2=#7fd99a\npalette = 10=#a0e8b4\npalette = 3=#e0af68\npalette = 11=#f0c674\npalette = 4=#7aa2f7\npalette = 12=#9cbcff\npalette = 5=#c4a7e7\npalette = 13=#d4b8f5\npalette = 6=#7dcfff\npalette = 14=#a0e0ff\npalette = 7=#d0cbd8\npalette = 15=#f5f2fa\n```\n\n- Pi has\n**no transparency options**. Empty theme colors (`\"\"`\n\n) use the terminal default; solid`*Bg`\n\nhex paints over glass. - Real glass/blur/image transparency is 100% Ghostty (\n`background-opacity`\n\n,`background-blur`\n\n,`background-image*`\n\n). - Swap\n`~/image5.png`\n\nfor your own wallpaper path. - Quiet mode: set\n`\"quietStartup\": true`\n\nin settings, or toggle it in`/settings`\n\n.", "url": "https://wpnews.pro/news/pi-coding-agent-ghostty-setup-tokyo-night-storm-improved-statusline-tps-meter", "canonical_source": "https://gist.github.com/BlockedPath/c8cd3973efde90104ec9eb1f2ccfec5b", "published_at": "2026-07-20 17:07:07+00:00", "updated_at": "2026-07-20 22:29:41.254744+00:00", "lang": "en", "topics": ["developer-tools", "ai-tools"], "entities": ["Ghostty", "Pi", "JetBrainsMono NFM Regular", "Oscura Midnight"], "alternates": {"html": "https://wpnews.pro/news/pi-coding-agent-ghostty-setup-tokyo-night-storm-improved-statusline-tps-meter", "markdown": "https://wpnews.pro/news/pi-coding-agent-ghostty-setup-tokyo-night-storm-improved-statusline-tps-meter.md", "text": "https://wpnews.pro/news/pi-coding-agent-ghostty-setup-tokyo-night-storm-improved-statusline-tps-meter.txt", "jsonld": "https://wpnews.pro/news/pi-coding-agent-ghostty-setup-tokyo-night-storm-improved-statusline-tps-meter.jsonld"}}