@compn3rd/pi-web-pendant-theme
v0.1.0
Published
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
Maintainers
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-themeThen 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/pendantHard-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 browserLicense
MIT — plugin code. Fonts have their own OFL licenses (see above).
