Katsutoshi Nakamura Editor Theme
A live mock of the Katsutoshi Nakamura 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.
- ▾ katsutoshi nakamura-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 Katsutoshi Nakamura pack?
The Katsutoshi Nakamura 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.