…
click a window to focus it — the accent goes around the focused one
project.ts — monotheme
project.tscli.tsREADME.md
123456789101112
herdr
opencodeherdr+
▐▛███▜▌ Claude Code v2.1
~/Sites/monotheme
❯ preview this theme across the desktop
● Reading src/project.ts…
● Plan:
· herdr → [theme.custom]
· sketchybar → pills from the same palette
❯
~/Sites/monotheme › snap-target
~/Sites/monotheme snap-target
❯ theme set tokyo-night
✓ ghostty → ~/.config/ghostty/theme
✓ herdr → [theme.custom]
✓ sketchybar → theme_change event
✓ cursor → workbench.colorTheme
set: Tokyo Night (dark) in 190ms
❯ git status --short
M src/project.ts D old.ts
Colors & assignments — inspect and tweak
every swatch is live — tweaks re-run the real adapters
terminal ansi
use it
…
The preview runs monotheme's real adapters in your browser: the herdr window is painted with the [theme.custom] block herdr receives, the status bar with the same pill tiers as the sketchybar config, the editor with the theme's own workbench colours (or the Zed projection). Themes are pulled straight from the Marketplace; nothing leaves your browser. How the mapping works.
monotheme