@compn3rd/pi-web-pendant-theme
Pendant-inspired theme for PI WEB: Source Sans 3 body font, Press Start 2P pixel accents, sharp corners, flat surfaces, subtle pixel grid. Includes 6 dark variants (Amber CRT, Green Phosphor, Cyan/Teal, Nearly Monochrome, Muted Everything, plus the origin
Package details
Install @compn3rd/pi-web-pendant-theme from npm and Pi will load the resources declared by the package manifest.
$ pi install npm:@compn3rd/pi-web-pendant-theme- Package
@compn3rd/pi-web-pendant-theme- Version
0.1.0- Published
- Jul 8, 2026
- Downloads
- not available
- Author
- compn3rd
- License
- MIT
- Types
- theme
- Size
- 526.6 KB
- Dependencies
- 0 dependencies · 0 peers
Security note
Pi packages can execute code and influence agent behavior. Review the source before installing third-party packages.
README
PI WEB Pendant Theme
A Pendant-inspired theme pack for PI WEB with retro 8-bit aesthetics: sharp corners, flat surfaces, a subtle pixel grid, Source Sans 3 body font, and Press Start 2P pixel accents on section headers.
Themes
This package contributes 7 themes to PI WEB's theme picker:
| Theme | Description |
|---|---|
| Pendant Dark | Original dark palette (blue accent, green success, red danger) |
| Pendant Light | Light variant |
| Amber CRT | Pitch black bg, warm amber glow — old monochrome terminal |
| Green Phosphor | Deep black bg, classic matrix green — green-screen retro |
| Cyan/Teal | Near-black bg, cool cyan accents — modern-retro hybrid |
| Nearly Monochrome | Pure grayscale — every accent is a different shade of gray |
| Muted Everything | Desaturated hints at ~5–10% saturation |
All dark themes share the same structural styling: sharp border-radius: 0, flat surfaces (no box-shadows), image-rendering: pixelated, and a 32px subtle pixel-grid background.
Fonts are bundled as WOFF2/TTF (no external requests):
- Source Sans 3 (variable) — body text
- Source Code Pro (variable) — code
- Press Start 2P — section header arcade kickers
Installation
Via Pi (recommended)
pi install -g @compn3rd/pi-web-pendant-theme
Then reload the PI WEB browser tab and select a Pendant theme from the theme picker (gear icon or action palette).
Manual
Clone or symlink into ~/.pi-web/plugins/pendant/:
mkdir -p ~/.pi-web/plugins
git clone https://github.com/CompN3rd/pi-web-pendant-theme.git ~/.pi-web/plugins/pendant
Hard-reload the PI WEB browser tab.
Fonts
| File | License |
|---|---|
fonts/SourceSans3VF-* |
SIL OFL 1.1 |
fonts/SourceCodeVF-* |
SIL OFL 1.1 |
fonts/PressStart2P-Regular.ttf |
SIL OFL 1.1 |
Development
git clone https://github.com/CompN3rd/pi-web-pendant-theme.git
cd pi-web-pendant-theme
# edit pi-web-plugin.js, then symlink for live testing:
ln -s "$PWD" ~/.pi-web/plugins/pendant
# hard-reload browser
License
MIT — plugin code. Fonts have their own OFL licenses (see above).