piext / themes

Theme gallery

Previews are rendered from each theme's actual JSON — the same 51 color tokens pi uses in the terminal. pi ships with built-in dark and light themes; everything below comes from the community. Switch themes in pi with /settings.

pi — Neon Green 
> add dark mode to the settings page
✻ thinking… scanning src/settings for the theme provider
⚒ edit src/settings/Appearance.tsx
- const theme = "light";
+ const theme = usePreferredTheme();
  return <ThemeProvider value={theme}>
## Done
Added a `prefers-color-scheme` hook with a manual override.
const usePreferredTheme = () => "dark";
✓ tests passed  ✗ 0 failed  2.1s · 14.2k tokens
❯ type a message…
Neon Green from luongnv89/pi-extensions
pi — Neon Green Light 
> add dark mode to the settings page
✻ thinking… scanning src/settings for the theme provider
⚒ edit src/settings/Appearance.tsx
- const theme = "light";
+ const theme = usePreferredTheme();
  return <ThemeProvider value={theme}>
## Done
Added a `prefers-color-scheme` hook with a manual override.
const usePreferredTheme = () => "dark";
✓ tests passed  ✗ 0 failed  2.1s · 14.2k tokens
❯ type a message…
Neon Green Light from luongnv89/pi-extensions
pi — OpenCode 
> add dark mode to the settings page
✻ thinking… scanning src/settings for the theme provider
⚒ edit src/settings/Appearance.tsx
- const theme = "light";
+ const theme = usePreferredTheme();
  return <ThemeProvider value={theme}>
## Done
Added a `prefers-color-scheme` hook with a manual override.
const usePreferredTheme = () => "dark";
✓ tests passed  ✗ 0 failed  2.1s · 14.2k tokens
❯ type a message…
OpenCode from luongnv89/pi-extensions
pi — Hermes Agent 
> add dark mode to the settings page
✻ thinking… scanning src/settings for the theme provider
⚒ edit src/settings/Appearance.tsx
- const theme = "light";
+ const theme = usePreferredTheme();
  return <ThemeProvider value={theme}>
## Done
Added a `prefers-color-scheme` hook with a manual override.
const usePreferredTheme = () => "dark";
✓ tests passed  ✗ 0 failed  2.1s · 14.2k tokens
❯ type a message…
Hermes Agent from luongnv89/pi-extensions
🎨 Made a theme? A pi theme is one JSON file — drop it in a package's themes/ directory and it's installable. Learn the format, then submit it and we'll render a live preview here.

Packages that ship themes