Monospace Terminal Editor Theme
A live mock of the Monospace Terminal VS Code, Cursor, and terminal theme — every color driven by the same token table that ships in the editor-theme ZIP.
Preview. The actual install ships color-theme.json files for VS Code + Cursor and palette files for Warp / iTerm2 / Ghostty.
VS Code · Cursor
Same JSON schema works in both editors. Colors below are the exact values the install script writes — sidebar, tab strip, syntax tokens, status bar, all driven from the theme.
- ▾ monospace terminal-app
- ▸ public
- ▾ src
- ▸ app
- ▾ components
- HeroSection.tsx
- Pricing.tsx
- Footer.tsx
- tokens.css
- package.json
- README.md
import { useState } from 'react';import type { ReactNode } from 'react'; // Renders the hero banner with a CTA pair.export function Hero(): ReactNode { const [count, setCount] = useState(0); return ( <section className="hero"> <h1>Ship a vibe, not a wireframe</h1> <button onClick={() => setCount(count + 1)}> Clicked {count} times </button> </section> );}Terminal (Warp / iTerm2 / Ghostty)
ANSI palette mapped from chart1..5 and destructive. Same palette file imports cleanly into Warp, iTerm2, and Ghostty.
Want the full Monospace Terminal pack?
The Monospace Terminal Theme Pack bundles this editor theme with all 7 products — landing template, vibe pack, portfolio, dashboard, email, and billing kit — every surface in one vibe.