International Style Editor Theme
A live mock of the International Style 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.
- ▾ international style-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 International Style pack?
The International Style 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.