Glass/blur/image = Ghostty. Agent UI = Pi theme + statusline + tps meter + startup header.
tokyo-night-storm-improved
📦 https://www.npmjs.com/package/pi-theme-tokyo-night-storm-improved
🐙 https://github.com/H1V35/pi-theme-tokyo-night-storm-improved
@narumitw/pi-statusline
📦 https://www.npmjs.com/package/@narumitw/pi-statusline
🐙 https://github.com/narumiruna/pi-extensions
pi-tps-meter
📦 https://www.npmjs.com/package/pi-tps-meter
🐙 https://github.com/vskrch/pi-tps-meter
pi-startup-header
📦 https://www.npmjs.com/package/pi-startup-header
🐙 https://github.com/EnderLiquid/pi-startup-header
pi install npm:pi-theme-tokyo-night-storm-improved
pi install npm:@narumitw/pi-statusline
pi install npm:pi-tps-meter
pi install npm:pi-startup-header
{
"packages": [
"npm:pi-theme-tokyo-night-storm-improved",
"npm:@narumitw/pi-statusline",
"npm:pi-tps-meter",
"npm:pi-startup-header"
],
"theme": "tokyo-night-storm-improved",
"quietStartup": true,
"tokenSpeed": {
"display": "tps",
"useProviderTokens": false,
"countStrategy": "direct",
"endTpsBehavior": "last"
}
}
quietStartup: true
hides the default Pi startup header text.- Toggle it in
/settings
(or set it insettings.json
). - If you want the fancy ASCII header from
pi-startup-header
, leavequietStartup
off /false
so the extension can show it. WithquietStartup: true
, startup chrome is suppressed.
{
"palette": "tokyo-night",
"density": "compact",
"separator": "none",
"segments": [
"brand",
"provider",
"model",
"thinking",
"cwd",
"branch",
"tools",
"context",
"tokens",
"cost",
"time"
],
"segmentText": {
"brand": { "prefix": "", "suffix": "" },
"provider": { "prefix": "🔌 ", "suffix": "" },
"model": { "prefix": "🤖 ", "suffix": "" },
"thinking": { "prefix": "🧠 ", "suffix": "" },
"cwd": { "prefix": "📁 ", "suffix": "" },
"branch": { "prefix": "🌿 ", "suffix": "" },
"tools": { "prefix": "", "suffix": "" },
"context": { "prefix": "🪟 ctx ", "suffix": "" },
"tokens": { "prefix": "🔢 ", "suffix": "" },
"cost": { "prefix": "💸 $", "suffix": "" },
"time": { "prefix": "🕒 ", "suffix": "" },
"turn": { "prefix": "🔁 #", "suffix": "" }
},
"extensionStatusIcons": {
"chrome-devtools": "🌐",
"codex-usage": "📊",
"caffeinate": "💊",
"firecrawl": "🔥",
"github-pr": "🔎",
"goal": "🎯",
"lsp": "🧰",
"plan-mode": "📝",
"pisync": "🔄",
"subagents": "🧑🤝🧑",
"unknown-error-retry": "🔁"
}
}
(~/Library/Application Support/com.mitchellh.ghostty/config.ghostty
on macOS)
theme = oscura-midnight-grok
font-family = "JetBrainsMono NFM Regular"
font-size = 20
window-padding-x = 10
window-padding-y = 10
window-decoration = true
cursor-style = block
adjust-cell-height = 35%
mouse-scroll-multiplier = 2
window-colorspace = "display-p3"
copy-on-select = clipboard
window-padding-balance = true
window-save-state = never
macos-titlebar-style = transparent
background-blur = 20
background-opacity = 0.95
background-image = ~/image5.png
background-image-opacity = 0.30
background-image-fit = cover
background-image-position = center
minimum-contrast = 5
foreground = #e8e4ef
background = #0c0b10
foreground = #e8e4ef
cursor-color = #c4a7e7
cursor-text = #0c0b10
selection-background = #3d2a4f
selection-foreground = #f2eef8
palette = 0=#1a1820
palette = 8=#5a5466
palette = 1=#e06c75
palette = 9=#f08a92
palette = 2=#7fd99a
palette = 10=#a0e8b4
palette = 3=#e0af68
palette = 11=#f0c674
palette = 4=#7aa2f7
palette = 12=#9cbcff
palette = 5=#c4a7e7
palette = 13=#d4b8f5
palette = 6=#7dcfff
palette = 14=#a0e0ff
palette = 7=#d0cbd8
palette = 15=#f5f2fa
- Pi has
no transparency options. Empty theme colors (
""
) use the terminal default; solid*Bg
hex paints over glass. - Real glass/blur/image transparency is 100% Ghostty (
background-opacity
,background-blur
,background-image*
). - Swap
~/image5.png
for your own wallpaper path. - Quiet mode: set
"quietStartup": true
in settings, or toggle it in/settings
.